طراحي صفحات وب و استاندارد SEO

نويسنده

پيغام

siavashmusic

زمان ارسال: 5 شنبه Jan 04, 2007 11:54 pm موضوع: طراحي صفحات وب و استاندارد SEO

تاريخ عضويت: 10 Sep 2006
ارسالها: 128

سلام

رعايت نكات SEO در برنامه نويسي و طراحي صفحات وب مسلما رابطه مهمي با ايندكس شدن اون سايت در موتور جستجو داره . توي اين تاپيك سعي داريم در مورد اين مسله مهم صحبت كنيم

طبق گفته امير قرار شده بحث در مورد استاندارد سازي طراحي صفحات وب توي اين تاپيك صحبت بشه لطفا دوستاني كه اطلاعاتي در اين زمينه دارند اينجا اشتراك بزارن تا بتونيم از يك منبع كامل بهرمند بشم

بازگشت به بالا

amir abbas

زمان ارسال: جمعه Jan 05, 2007 11:51 am موضوع:

راهبر انجمن

تاريخ عضويت: 08 Sep 2006
ارسالها: 1521

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

1- قالب سبک و طراحی شده با CSS
این یکی از موارد مهم در طراحی هست
شما وقتی قالب رو تماما با CSS طراحی کنی ، میتونی ظاهر و قالب سایت رو از محتوا مجزا کنی. یعنی به عبارتی دیگه لازم نیست که برای تغییر ظاهر سایت از دستورات HTML استفاده کنی و تمامی عناصر صفحه رو توسط CSS قالب بندی میکنید. در حال حاضر موتور های جستجو برای یک سری از تگ های HTML ارزش خاصی رو قائل هستند (تگ های h1 تا h6 و <b> , <strong> , <li>) . وقتی شما از CSS در طراحی استفاده نکنید طبیعتا قادر به استفاده از این برچسب ها نخواهید بود چون طرح صفحه شما رو بهم میزنند. به عنوان مثال برچسب h1 به قدری بزرگه که کل صفحه رو به هم میریزه ولی با استفاده از CSS میشه اندازه و رنگ و نوع فونت این برچسب رو به طور کامل کنترل کرد و صفحاتی رو طراحی کرد که به طور کامل semantic یا به عبارتی معنایی و با مفهوم باشه. در ضمن صفحات CSS به مراتب سریعتر باز میشن و حجم کد HTML صفحاتی که با CSS طراحی شدن گاهی اوقات چندین برابر سبکتر از حجم کد صفحاتیه که تنها با HTML طراحی شدن. در ضمن فایل CSS شما بعد از اولین بارگذاری صفحه در مرورگر کاربر cache میشه و عکسهایی که به عنوان پس زمینه در CSS استفاده کرده بودید هم همینطور و این باعث میشه hit های سرور پایین بیاد و فشار کمتری به سرور وارد بشه. تا جایی که امکان داره از table در طراحی استفاده نکنید چون موتور های جستجو در خوندن مطالب داخل جداول تو در تو مشکل دارند و سایت شما به خوبی ایندکس نمیشه.

2- حذف session ID ها
این مورد خیلی مهمه و در سایت گوگل در بخش راهنمای وب مستر ها به این مورد اشاره شده. شما وقتی طراحی داینامیک انجام میدید به هر حال یه سری متغیر در آدرس صفحه وجود خواهد داشت ولی وجود این بخش برای افرادی که به شکل مهمان صفحات رو بازدید می کنند هیچ لزومی نداره. این بخش رو برای مهمان ها حتما باید حذف کنید

3- قفل کردن wwwدر آدرس صفحه و حذف index.html یا index.php از صفحه اول
این مورد هم خیلی مهمه. وقتی آدرس سایت شما با www و هم بدون www باز میشه، موتور های جستجو صفحه شما رو دو صفحه کاملا متفاوت در نظر می گیرند واین یعنی وجود کپی از یک صفحه و در نتیجه محتوای تکراری و این باعث افت ارزش صفحه سایت شما میشه. در ضمن اگر شما index.php رو در آدرس صفحه بزنید و یا بدون index.php آدرس را وارد کنید باز هم وارد صفحه اول سایت خواهید شد و این هم باز از دید موتور های جستجو دو صفحه کاملا مجزاست. شما باید با استفاده از redirect 301 یا به عبارتی ری دایرکت دائمی تمامی آدرس های ممکن برای صفحه اول رو به آدرسی که www داره ریدایرکت کنید و همچنین باز با استفاده از همین redirect باید صفحه ای که index.php رو داره رو ری دایرکت کنی روی آدرسی که / ختم میشه
درست مثل همین سایت ما. الان شما روی این لینک کلیک کنید و نتیجه رو تو نوار آدرس ببینید

http://www.forum.persia=cms.com/index.php

الان سیستم هایی مثل drupal یه سری امکانات در اختیار شما قرار میدن که شما بتونید از این قابلیت ها استفاده کنید
من هم یه مقاله در مورد قفل کردن www در آدرس صفحهنوشتم که به درد میخوره

4- عدم استفاده از javascript برای بخش هایی که مربوطه به لینک های سایت است و قرار دادن کدهای جاوا اسکریپت در فایل خارجی
به هیچ عنوان از کدهای جاوا برای بخش ناوبری یا همون لینک های به صفحات دیگر استفاده نکنید چون جاوا اسکریپت یه زبان برنامه نویسی طرف مشتریه و موتور های جستجو نمی تونن این کد ها رو کامپایل کنند و این بدترین چیز برای یک سایته. در ضمن اگر هم جایی احتیاج به استفاده از جاوا اسکریپت دارید اون رو در بالای صفحه خودتون قرار ندید بلکه تو یه فایل خارجی قرار بدید و به صفحه لینکش کنید. برای CSS هم همین کار رو بکنید و CSS رو در داخل کد صفحه و داخل بخش head صفحه قرار ندید و از CSS خارجی یا همون external استفاده کنید.

5- rewrite کردن صفحات با استفاده از mod rewrite سرور apache
این قابلیت دیگه برای ایندکس شدن صفحات تاثیر زیادی نداره ولی یه ویژگی خوب داره که من اونها رو اینجا میگم.
تجربه نشون داده که صفحاتی که پسوند HTML دارند به شکل بهترین می تونن پیج رنک رو بین صفحات مختلف سایت منتقل کنند. وقتی شما از یک صفحه به یک صفحه دیگه لینک میدید این کار باعث میشه پیج رنک صفحه ای که بهش لینک داده شده بالاتر بره. وقتی صفحات پسوندش HTML باشه این قابلیت انتقال پیج رنک یا همون pagerank transmission به شکل بهترین انجام میشه. در ضمن باید سعی کنید که وقتی صفحات رو rewrite میکنید باید آدرس صفحات کوتاه باشه مثلا یه چیزی مثل همین آدرس های فورم ما ولی یه آدرسی مثل -http://www.example.com/123,ID345,re,345.html چیز خوبی نیست و هیچ نفعی برای سایت شما نداره

6- مجزا کردن آدرس صفحه از title مطلب
اگر یک CMS طراحی میکنید سعی کنید این قابلیت رو برای CMS در نظر بگیرید که شخص قادر باشه آدرس صفحه رو خودش تعیین کنه و این آدرس از title صفحه مجزا باشه. در حال حاضر سیستم هایی مثل drupal ویا movable type این قابلیت رو به کاربران میدن
مثلا شما میتونید یه تیتر داشته باشید به این شکل

استفاده از قابلیت های سایت مپ گوگل

و آدرس صفحه رو هم طرف بتونه خودش بده به این شکل

-http://www.example.com/google-sitemap.html

این مشخص شده که قرار دادن کلمات کلیدی انگلیسی در آدرس صفحه میتونه کمک خیلی بزرگی باشه که اون صفحه رتبه بالاتری کسب کنه. البته باید دقت کنید که کاربر باید قادر باشه هم از _ استفاده کنه و هم از - . البته - به _ ارجحیت داره و بهتره از - در بین کلمات کلیدی استفاده بشه.

7- نمایش تاپیک های مرتبط
این ویژگی هم خیلی مهمه. وقتی مطالب سایت زیاد بشه و این قابلیت در سایت شما وجود داشته باشه هم کاربران احساس راحتی بیشتری میکنند و میتونن تاپیک های مرتبط به موضوع مورد علاقه خودشون رو پیدا کند و هم اینکه وقتی موتور های جستجو صفحات شما رو باز می کنند در زیر هر مطلب یه سری لینک به صفحات دیگه سایت شما وجود داره که تمامی این مطالب به هم مرتبط هستند و با استفاده از این قابلیت یه شبکه عظیم لینک های داخلی به وجود میاد که باعث میشه پیج رنک صفحات داخلی بالا بره ( اگر پسوند صفحات HTML باشه این انتقال پیج رنک به شکل بهتری انجام میشه ) و بالا رفتن پیج صفحات داخلی باعث بالا رفتن پیج رنک صفحه اول میشه. الان سیستم drupal و movable type این قابلیت رو دارن و پیج رنک سایت هایی که از این سیستم ها استفاده میکنند حرف من رو تایید میکنه. ما هم در همین [url=http://forum.persia-cms.com
]forum[/url] این قابلیت رو داریم

8- ماژول گوگل سایت مپ
داشتن گوگل سایت مپ دیگه برای هر سایتی ضروری به نظر میرسه از این جهت که چندی پیش دو موتور جستجوی MSN و Yahoo هم از پروتوکل سایت مپ گوگل پشتیبانی کردند و الان شما میتو نید سایت مپ سایت خوتون رو در گوگل و یاهو به ثبت برسونید و MSN هم احتمالا در آینده نزدیک این بخش رو برای کاربران در نظر میگیره که بتونن سایت مپ خودشون رو ثبت کنند.

9- نداشتن صفحات تکراری
سیستم شما باید طوری طراحی بشه که صفحات تکراری در این سیستم تولید نشه. مثلا سیستم هایی که یک صفحه php و یک صفحه آرشیو HTML میسازند هیچ ارزشی ندارند. شما باید برای هر مطلب تنها یک صفحه داشته باشید و اگر مجبورید که صفحات تکراری داشته باشید باید با استفاده از ریدایرکت 301 اون صفحات رو به صفحه اصلی مطلب ریدایرکت کنید. درست مثل آدرس های داخل همین فورم
دقت کنید

http://forum.persia-cms.com/seo-vt334.html

http://forum.persia-cms.com/post1366.html#1366

این مورد خیلی خیلی مهمه. اگر هم نمیتونید صفحات رو ری دایرکت کنید باید با استفاده از فایل robots.txt صفحاتی تکراری رو ban کنید که برای اون هم یه مقاله من اینجا نوشتم که میتونید از اون استفاده کنید.

بازگشت به بالا

نمايش نامه هاي ارسال شده قبلي:

صفحه 1 از 1

صفحه اول انجمنها » اصول و مبانی سئو - SEO principles » طراحي صفحات وب و استاندارد SEO