بهینه سازی قدم به قدم سایت

حال که با مهمترین فاکتورهای بهینه سازی آشنا شدید با بهینه سازی قدم به قدم سایت، میتوانیم به ادامه ی مراحل SEO بپردازیم.

تگ های متا در HTML

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

META DESCRIPTION

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

• باید به رتبه سایت و نیز سئو سایت شما در موتورهای جست و جو کمک کند.
• خواننده را به آمدن به سایت ترغیب نماید.

سعی نکنید به هر قیمت کلمات کلیدی در آن تکرار شود. این شرح مختصر باید معنی داشته باشد و در آن قواعد نگارش رعایت شده باشد. اگر جملات به صورت سوم شخص بیان شوند، بهتر است. به هنگام نوشتن، آن را به ۲۰۰ تا ۲۵۰ کاراکتر (با شمارش فاصله ها) محدود کنید. در آن از کلماتی استفاده نکنید که در متن صفحه وجود ندارد.

البته در این جا منظور کلمات اساسی هر جمله است. به عنوان مثال فرض کنید در توضیح صفحه هایی از طراحی سایت (طراحی سایت شرکتی، طراحی سایت فروشگاهی) ورزشی، از عبارت لوله بخاری استفاده شده باشد! آن را با کلمات کلیدی صفحه شروع کنید توصیه می شود که عنوان صفحه را دقیقا در آن تکرار نکنید. کلمات کلیدی را بیشتر از سه بار در آن تکرار ننمایید و حالت های جمع و فرد کلمات را هم مد نظر داشته باشید. مثالی از یک شرح مؤثر در زیر آمده است:

“طراح سایت. خدمات حرفه ای طراحی سایت برای کسب و کارهای کوچک و بزرگ. طراحی سایت چیزی بیش از خلق گرافیک زیبا وچشم گیر است.”

META KEYWORDS

در حالت کلی باید گفت که این برچسب تاثیر چندانی در رتبه سایت ها ندارد و توصیه می شود وقت زیادی را صرف تنظیم محتوای این برچسب نکنید. شاید یکی از فواید تمرکز بر روی این برچسب این باشد که شما فرصت می یابید هر صفحه سایت خود را با دقت بیشتری تحلیل کنید. اگر می توانید کارهای دیگری برای سایت خود انجام دهید، می توانید این برچسب را کاملا فراموش کنید.

به هنگام تنظیم محتوای این برچسب نکات زیر را مد نظر داشته باشید:

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

ALT

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

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

متن به کار رفته در این موجودیت می تواند در رتبه سایت مؤثر باشد اما نه به اندازه عنوان صفحه. استفاده هوشمندانه از آن توصیه می شود. به عنوان مثال اگر شما یک شرکت ارایه دهنده ی خدمات میزبانی وب هستید برای هر یک از آیکون ها و یا دکمه های موجود در این صفحه می توانید از عبارت“خدمات میزبانی وب” در متن آن استفاده نمایید.

<"خدمات میزبانی وب"=img src=" image.jpg" alt>

متن این موجودیت زمانی که تصویر به جایی لینک شده است، برای گوگل مهمتر می شود که البته در رتبه بندی سایت گیرنده لینک تأثیر بیشتری دارد. در مثال زیر صفحهs . html به احتمال بسیار زیاد دارای رتبه بالاتری برای عبارت خدمات میزبانی وب خواهد بود نسبت به حالتی که این عبارت در متن تصویر لینک شده به آن نباشد خدمات میزبانی وب

<a/><"خدمات میزبانی وب"=a href="s.html"><img src="s.jpg" alt>

URL

هر سند، منبع اطلاعاتی و یا فایلی که بر روی اینترنت قرار دارد، آدرس منحصر به فردی دارد که URL نام دارد و پروتکل دسترسی به هر منبع، نام منبع و مسیر دستیابی به آن را در خود دارد. نمونه یک آدرس وب در زیر آمده است:

/ict-فناوری اطلاعات ارتباطات/http://enghelabmft.co/department

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

بهینه سازی متن

برای سئوسازی متن باید نکات زیر رو به یاد داشته باشید:

• سعی کنید نوشته ها را با نظم و ترتیب قرار دهید
• کلمات کلیدی اصلی مطلب مورد نظر را چندین بار بین متن تکرار کنید
• سعی کنید طول مطلبتان بیشتر از ۸ خط شود و یادتان باشد برای مطالب طولانی از عکس استفاده کنید
• حتما بین متن خود لینک سایت خود رو به صورت مخفی (با زبان CSS اینکار انجام میگیرد.) قرار بدید. (مخفی بودن اجبار نیست)
• بین متن یادی از مطالب قبلی خودتون بکنید و به آدرس اون مطلب لینک بدید
• حتما یه تنوع به متن بدید و یه قسمت از متن رو رنگی کنید
• قسمت های مهم مطالب خود را (پر رنگ) bold کنید

روش بهینه سازی عکس

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

افزایش سرعت لود صفحات وب

شما به راحتی با رعایت چند نکته میتوانید سایتی پر سرعت و بهینه داشته باشید:

• حجم عکس های خود را کاهش دهید
• از کد های جاوا اسکریپت غیر ضروری استفاده نکنید
• جداول دیتابیس خود را بهینه کنید
• به جای استفاده از فلش و جی کوئری از CSS3 و JavaScript استفاده کنید
• از GZIP و Cache استفاده کنید
• از سرور های قدرتمند استفاده کنید.

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

http://developers.google.com/speed/pagespeed/insights

http://loadimpact.com

http://tools.pingdom.com

بهینه کردن HTML

برای بهینه کردن یک صفحه Html شما باید نکاتی را مد نظر داشته باشید:

• به جای جداول از لایه ها (div) استفاده کنید
• کامنت های اضافی را حذف نمایید
• از XHTML یا HTML5 استفاده نمایید

بهینه کردن CSS

برای اینکار باید کد های خود را کوچک و استاندارد کنید تا حجمش کاهش یابد. به عنوان مثال:

کد بهینه:

{content{width:250px;height:250px;margin:10px10px10px 10px#

کد غیر بهینه:

}content#

;width:250px

;height:250px

;margin-bottom:10px

;margin-left:10px

;margin-right:10px

{;margin-top:10px

JAVASCRIPT بهینه سازی

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

خوشبختانه جاوااسکریپت قدرت زیادی در جهت در جهت بهینه کردن کدها برای کاهش حجم یا بالا بردن سرعت اجرا به ما می دهد. با استفاده از تکنیکهایی مثل فشرده سازی و مبهم سازی میتوان ۵۰٪ تا ۹۰ حجم فایل جاوااسکریپت را کاهش داد.چون فایل های جاوا اسکریپت قسمتی از محت وب هستند، کاهش حجم آنها در کاهش زمان بارگذاری صفحات وب بسیار موثر است. البته در بعضی از مواقع هم افزایش سرعت اجرای کدها مهم است که باید کدام را بر اساس نیاز انتخاب نمود.