طراحی وب سایت

چند سال پیش، شرکت گوگل اعلام نمود برنامه ها و وب سایتهایی که از Ajax می کنند، قابل Crawl هستند. همانطور که اغلب شما می دانید، موتورهای جستجو کدهای HTML را خیلی سریع ایندکس می نمایند اما نمی توانند محتواهای جاوا اسکریپت و AJAX (آجاکس) را درک کنند.

هدف از نوشتن این مقاله معرفی مختصر AJAX، بررسی مشکل Crawl محتواهای AJAX و ارائه راه حل های متخلف برای رفع این مشکل می باشد.


طراحی وب
AJAX چیست؟


AJAX (آجاکس) مخفف کلمات Synchronous Javascript And Xml است. این تکنولوژی مجموعه ای از تکنیکهای توسعه وب می باشد که به مهندسان نرم افزار امکان ایجاد برنامه های کاربری تحت وب می دهد.
طراحی سایت
با استفاده از جاوا اسکریپت، مرورگر با کاربر در تعامل است؛ درخواستها کاربر را به سرور می فرستد و پاسخ XML دریافت می کند (همچنین به صورت JSON و یا HTML).

طراحی سایت از AJAX معمولاً برای بروز رسانی بخش از صفحه HML بدون هیچ تغییر مسیر و یا رفرشی استفاده می شود. این روش از توان پاسخگوئی بسیار مطلوبی در سمت سرویس گیرنده متناسب با رویداد ایجاده شده، برخوردار می باشند. چراکه آنها از اسکریپت های سمت سرویس دهنده برای دستیابی و مدیریت عناصر بخش رابط کاربر استفاده می نمایند. علاوه بر این، با توجه به مبادله غیرهمزمان داده به منظور ارسال و دریافت داده، امکان انجام عملیات مورد نظر بر روی داده بدون وقفه و ازدست دادن state وجود خواهد داشت. در نتیجه زمان لود صفحه به صورت قابل توجهی کاهش می یابد و از طرفی به بهبود user experience کمک می کند.

طراحی وب  توضیح بیشتر در مورد AJAX فراتر از محدوده این مقاله است با این حال اگر علاقمند به دریافت اطلاعات بیشتر در مورد آن هستید به لینک زیر مراجعه کنید.

http://www.w3schools.com/AJAX/default.asp

طراحی سایت
مشکلات خزیدن AJAX

یکی از مشکلاتی که اکثر برنامه نویسان در کدنویسی سایت خود با اسکریپت های AJAX دارند عدم بررسی صفحات سایت در موتور جستجو و بهینه نبودن آنها برای سئو است.


طراحی سایت
برای شرح بهتر این مشکل به نحوه عمکرد Crawler موتور جستجوهای یا نحوه خزیدن بر روی صفحات وب می پردازیم:

طراحی وب

1. رباتهای موتورهای جستجو ابتدا سورس صفحه مورد نظر را بررسی می کند.
2. سپس متا تگ های صفحه را می خوانند.
3. بعد از بررسی متا تگ ها و یافتن آپشن مورد نظر، در بدنه صفحه یا تگ body به دنبال لینک ها می گردد و لینکهای داخل کد href را در می آورد تا صفحات جدید راCrawl کند.

در اینجا اگر برای صفحه AJAX لینکی در نظر نگرفته باشید و با On Click نمایش دهید موتور جستجو قادر به پیدا کردن چیزی نیست که آن را باز کند، در نتیجه محتوای آن صفحه Crawl و ایندکس نمی شود.

طراحی وب  از طرفی مشکل اصلی خزیدن AJAX این است که مبتنی بر جاوا اسکریپت کار می کند. جاوا اسکریپت یک زبان برنامه نویسی سرویس گیرنده می باشد و در مروگرهای (فایرفاکس، کروم و غیره) اجرا می شود. مرورگرهای مختلف دارای ویژگی ها و توابع مختلفی هستند در نتیجه جاوا اسکریپت نیاز به منابع اضافی دارد که این برای رباتهای موتورهای جستجو هزینه بر است، در نتیجه روی سئوی سایت تأثیر منفی می گذارد. همانطور که در مقاله های قبلی بحث شد اگر یک روش خاص باعث افزایش هزینه عملیاتی موتورهای جستجو شود، وب مسترها باید بر روی روشهای با هزینه کمتر کار کنند.

طراحی سایت  اگر چه گوگل اعلام کرده است که مراحلی برای درک محتوای جاوا اسکریپت، فلش و فرمهای HTML به کار می برد، با این حال به شما توصیه می کنیم که به این فناوریها تکیه نکنید؛ و به جای آن از راه حل های زیر استفاده نمود. در تمامی روشهای ارائه شده، به جای استفاده از جاوا اسکریپت به طراحان وب سایت روشهای برای تغییر معماری سایت ارائه می دهیم.


  طراحی سایت
راه حل های رفع مشکل سئو در AJAX

دو تا از پر طرفدارترین روشها برای رفع مشکل خزیدن AJAX، رویکرد Hijax و طرح AJAX خزنده گوگل می باشد.

طراحی وب

تکنیک Hijax

بر اساس تکنیک Hijax اگر در لینکی، از AJAX یا جاوا اسکریپت استفاده می کنید، کدتان نباید به صورت زیر باشد.

<a href=”javascript:someFunction(`somepage.html#par ameter=1`)”>Click Me</a>

یا شبیه این:


<a href=”#”>Click Me</a> طراحی سایت


دو روش فوق برای طراحان وب سایت بسیار محبوب است اما متأسفانه آنها URL معنی داری که بتوان توسط موتورهای جستجو مورد استفاده قرار گیرند، ایجاد نمی کنند.

طراحی سایت  با استفاده روش Hijax کدهای فوق باید به صورت زیر بازنویسی شود.

طراحی وب

<a href=”somepage.html?parameter=1″ onclick=”someFunction(`somepage.html#parameter=1 `); retu false”>Click Me</a>

در کد بالا، اگر جاوا اسکریپت غیر فعال باشد موتورهای جستجو را به صفحه هدف هدایت می کند و اگر فعال باشد، AJAX اجرا می شود؛ در نتیجه هم کاربر و هم موتورهای جستجو به مطالب آن دسترسی خواهند داشت.

طراحی وب البته روش بالا دارای محدودیتهایی هم هست، به عنوان مثال محتوای داخل AJAX را نمی توان به صورت داینامیک ایجاد نمود.


طراحی سایت
طرح AJAX خزنده گوگل

در طرح AJAX خزنده گوگل URL تمام صفحات دارای محتوای AJAX با کاراکترهای خاص (!#) مشخص می شوند و هنگامی که گوگل یک لینک با AJAX URL ببیند به عنوان مثال

طراحی وب

"http://example.com/page?query#!stat"

به طور اتوماتیک آن را به صورت زیر تفسیر می‌کند.

برای این منظور برنامه نویسان باید ساختار برنامه نویسی خود را تغییر دهند زیرا هنگامی که گوگل یک درخواست برای این URL می فرستد، سرور باید قادر به بازگشت کدHTML هنگام فراخوانی تابع AJAX باشد.
طراحی سایت
هنگامی که گوگل AJAX URL را ببیند، پس از تفسیر آن محتواهای را Crawl و ایندکس می نماید. در نهایت زمانیکه صفحه ایندکس شده در نتایج موتورهای جستجو قرار گرفت، گوگل URL اصلی را به کاربر نمایش می دهد.

در طرح AJAX خزنده گوگل، گوگل بدون اجرای جاوا اسکریپت قادر است محتوای AJAX را Crawl کند. این روش بسیار طراحی وب معمول تر از Hijax است اما نیاز به برنامه نویسی بیشتر دارد و در حال حاضر فقط توسط گوگل پشتیبانی می شوند.

در طراحی سایت صفحه "تماس با ما" همانند صفحه درباره شرکت، از اهمیت بسیاری برخوردار است. در حقیقت صفحه تماس با ما می تواند مهم ترین صفحه یک وب سایت باشد. اهمیت اطلاعات ارتباطی به قدری است که حتی اگر تمامی صفحات و قسمت های سایت، شما را به رسیدن به اهداف کمک کنند، ولی اطلاعات ارتباطی، ناقص باشد و کاربران قادر نباشند با شما ارتباط برقرار کنند، شما تمام اعتبارات خود را از دست خواهید داد.

طراحی وب سایت
دسترس پذیری
بازدیدکنندگان سایت باید قادر باشند تا به راحتی لینکی از صفحه تماس با ما در سایت شما پیدا کنند. این لینک باید در تمامی صفحات آشکار و قابل رؤیت باشد؛ به هیچ عنوان آن ها را برای به دست آوردن اطلاعات ارتباطی مجبور به جستجو نکنید، این اطلاعات باید به راحتی در دسترس باشد.

گزینه های مختلف ارتباطی
کسب و کارهای بزرگتر در طراحی سایت خود باید اطلاعات ارتباطی هر بخش و هر دپارتمان را در خود جای دهند. همانند بخش های خدمات مشتریان، پشتیبانی تکنولوژی، سؤالات، اطلاعات کلی، عضویت و غیره. همچنین شما باید اطلاعات ارتباطی افراد خاص مثل مدیر عامل، افسر ارشد اطلاعات و .... را هم در این لیست قرار دهید.
طراحی وب سایت
تبلیغات ممنوع
در طراحی سایت خود در صفحه ارتباط با ما هرگز تبلیغ نکنید. این صفحه باید خالی از هر گونه تبلیغات باشد، این صفحه باید توجه و تمرکز کاربران را به اطلاعات ارتباطی داخل آن محدود نماید.
طراحی وب سایت
محتوای فرم ارتباطی
فرم ارتباطی شما باید حداقل اطلاعات ضروری مورد نیاز را داشته باشد. هرگز نباید صفحه ارتباط با ما را با اطلاعات بیش از اندازه و غیر ضروری پر کنید، هر چه ساده تر باشد بهتر است. اطلاعاتی را ارائه دهید که بازدیدکنندگان سایت به آن نیاز دارند و همه گزینه های ضروری را شامل شود. این امر تضمین می کند که صفحه تماس با ما در سایت شما به شکل کارآمدتر با مشتریان و بازدیدکنندگان ارتباط برقرار می کند.

موارد ذکر شده، شما را در امر طراحی سایت و همچنین ارتباط مناسب با بازدید کنندگان یاری می کند.طراحی وب سایت