shift

40 روش کاربردی برای پیاده سازی و اجرای سئو (SEO)

40 روش کاربردی برای پیاده سازی و اجرای سئو (SEO)

ایمان
دسته: سئو  تگ ها: پیاده سازی seo , gzip چیست , پیاده سازی سئو , HTTP Keep-Alive چیست , فعالسازی Leverage browser caching , نکات سئو , نکات seo

 

فکر می کنم که همه ما می دانیم که SEO و یا (سئو) مخفف Search Engine Optimization است. یعنی انجام دادن کارهایی روی وب سایتتان تا اینکه جستجوگرها بهتر سایت شما را بشناسند و در ردیف اول نتایج جستجو قرار بگیرید. همه ما از خواندن مقاله های متنوع در این زمینه خسته شده ایم و حتی با خواندن این مقاله ها به نتیجه ی چشمگیری نرسیدیم و یا اینکه اصلا ندانستیم که چه باید بکنیم. در این مقاله سعی دارم روش های متنوع و عملی را به شما نشان دهم و توصیه می کنم که همه را به دقت و تک تک روی وب سایتتان پیاده کنید. قبلا یک مقاله در این زمینه توی اینترنت منتشر کرده بودم. اما الان اونو کاملتر کردیم و برای استفاده شما توی شیفت قرار دادیم. این مقاله به پنج قسمت کلی تقسیم شده است.

فهرست مطالب

 

 بحث اول: تغییرات مربوط به سرور

1. فعال سازی HTTP Keep-Alive

فرض کنید تعداد فایل های لازم برای ایجاد یک صفحه شامل فایل های تصویر،CSS ، JS‌ و حتی خود صفحه به ده برسد. با فعال کردن KeepAlive بجای ایجاد و خاتمه ده ها ارتباط از یک ارتباط استفاده می شود. لذا کاهش تعداد این فرآیند به یک بار می تواند صرفه جویی زیادی داشته باشد. روش اجرا: کد زیر را در فایل "htaccess." سرور خود قرار دهید:

 Header set Connection keep-alive

2. فعال سازی فشرده سازی Gzip

به وسیله Gzip، حجم وب سایت خود را تا حداکثر 85درصد فشرده کنید. این عامل، نقش مهمی در افزایش سرعت وب سایت شما دارد. روش اجرا: برای فعالسازی gzip، کد زیر را در فایل "htaccess." سرور خود قرار دهید:

# compress text, HTML, JavaScript, CSS, and XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# remove browser bugs
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

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

3. فعالسازی Leverage browser caching

بکارگیری این عملکرد باعث می شود که فایل ها و اطلاعات مشاهده شده توسط کاربر در حافظه Cache مرورگر شما ذخیره شود و درنتیجه سرعت بارگذاری صفحات بالا رود. روش اجرا: کد زیر را در فایل "htaccess." سرور خود قرار دهید:

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"

## EXPIRES CACHING ##

4. از تغییر مسیر صفحات خودداری کنید

اگر از تغییر مسیرهایی در صفحه اصلی وب سایت خود استفاده می کنید(مثلا example.com به example.com/farsi منتقل می شود)، می توانید این دستور را در حافظه Cache ذخیره کنید تا در بازدیدهای بعدی سرعت بارگذاری افزایش یابد.

5. استفاده از Content Delivery Network یا CDN و یا همان شبکه توزیع محتوا

شرکت های بزرگ اینترنتی برای کنترل ترافیک سایت و سرویس های اینترنتی خود از چندین سرور در نقاط مختلف جهان برای ذخیره سازی و توزیع اطلاعات و امکانات خود در سراسر جهان استفاده می کنند. این امر باعث می شود که کاربران مختلف در سراسر جهان در هنگام استفاده از سرویس های آن ها هیچگونه تفاوتی را حس نکنند و همگی با بالاترین سرعت ممکن از نزدیک ترین سرور شرکت مورد بحث استفاده کنند. این امکان بسیاری از مزایای دیگر مانند امنیت ، همیشه در دسترس بودن ، بخش صحیح فشار بر روی چندین سرور و … را به همراه دارد. اما تکلیف شرکت ها کوچکتر و کاربران اینترنتی که سایت شخصی خود را بر روی اینترنت به اشتراک گذاشته‌اند چه می شود ؟ معمولاً اینگونه سایت ها تنها بر روی یک سرور (همان هاست خود) اطلاعات خود را نگهداری می کنند و از آنجا به کاربران و بازدید کنندگان خود در سراسر جهان سرویس می دهند و تنها می توانند با محدودیت های سرور خود مثلاً مقدار پهنای باند ، سرعت تبادل اطلاعات و … به کار خود ادامه دهند. اینجاست که تکنولوژی CDN بسیار کارآمد می شود و می تواند به تمامی شرکت های کوچک و وبمسترهای سایت های خصوصی قدرت شرکت های بزرگ را بدهد ! این سرویس به اینگونه کار می کند که از روی اطلاعات قابل دانلود شدن سایت شما (مانند فایل کد های CSS ، فایل کدهای جاوااسکریپت ، فایل های مولتی مدیا و …) یک نسخه کپی بر روی nodes یا سرورهای مختلف خود که در سراسر جهان دارد تهیه می کند و می توانند به صورت اشتراکی به بسیاری از سایت ها سرویس دهند. در این حالت وقتی کاربری با مرورگر خود می خواهد سایت شما را مشاهده کند اطلاعات از نزدیک ترین سرور موجود به آن کاربر به او ارسال می شود و این چون این اطلاعات قبلاً ثبت (Cache) شده‌اند و نیاز به پروسه خاصی نیست سرعت تبادل اطلاعات تغییر چشم گیری می کند - منبع: ویکیپدیا

از بین سرویس دهندگان CDN، می توان شرکت های edgecast و گوگل را نام برد.

6. تعیین تاریخ انقضا برای Headers

برای اجزایی که در طول زمان در سایت شما ثابت هستند مثلا فایل های js و ico می توانید تاریخی را تنظیم کنید که تا آن موقع در مرورگر کاربر ذخیره شوند. روش اجرا: کد زیر را در فایل "htaccess." سرور خود قرار دهید:

 <FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> Header set Expires "Thu, 15 Apr 2015 20:00:00 GMT" </FilesMatch>

 

 بحث دوم: تغییرات مربوط به محتوای صفحات

7. قرارندادن Querystring در منابع استاتیک

در منابع استاتیک وبسایت خود، مثلا فایل های CSS و js، مقادیر querystring قرار ندهید. این عمل مانع cache شدن این منابع در مرورگر کاربر می شود. روش اجرا: عدم استفاده از تخصیص منابع به شکل زیر:

 <link href="jssource.js?id=mac" rel=stylesheet type="text/css"/> 

8. کاهش تعداد درخواست ها

تعداد درخواست ها مانند بارگذاری فایل های JS وCSS در قسمت header را کاهش دهید (مثلا فایل ها را با هم Merge کنید).

9. کاهش تعداد Redirectها در HTTP

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

10. کد نویسی های HTML را خلاصه کنید

فاصله ها، فضاهای خالی و کدهای اضافی در صفحه HTML را پاک کنید.

11. از استفاده نابجا از Rich Snippetها بپرهیزید

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

12. از ساخت مطالب بصورت اتوماتیک و دروغین بپرهیزید

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

13. لینک کمرنگ و یا بی رنگ نسازید

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

14. Character Set صفحات را تعیین کنید

مشخص کنید که کاراکتر صفحات چگونه تعیین شده اند. UTF-8 هستند و یا Windows-1256 و یا ... . این عمل باعث می شود محتوای صفحات با سرعت بالاتری بوسیله سرور و مرورگر رندر شوند. روش اجرا: اگر از زبان برنامه نویسی PHP استفاده می کنید از کد زیر استفاده نمایید:

 header("Content-Type: text/html; charset=utf-8"); 
 در غیر اینصورت استفاده از کد HTML زیر توصیه می شود:
 <meta http-equiv="content-type" content="text/html;charset=utf-8"> 

در حالتی که از زبان PHP استفاده می کنید، حتما از مورد اول استفاده نمایید.

15. استفاده از منابع مشترک

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

16. استفاده از DOM element و یا مدل شی گرایی کمتر

استفاده از DOM کمتر، باعث پیچیدگی کمتر کدهای HTML و همچنین کاهش حجم صفحات می گردد. روش اجرا: استفاده از ساختار:

 <ul id="navigation-main"> etc.. </ul>
به جای استفاده از ساختار:
 <div id="navigation-main"> <ul> etc.. </ul> </div>

17. کاهش تعداد DNS Loockupها

تعداد دامین های متفاوتی که در مشاهده صفحه هنگام بارگذاری عکس ها، فایل های JS ،CSS و غیره درخواست می شود را کاهش دهید و حتی الامکان تمامی فایل ها را بر روی سرور خود قرار دهید.

 

 بحث سوم: تغییرات مربوط به عکس ها

18. استفاده از عکس ها با اندازه واقعی

عکس ها را به همان ابعادی که هستند را در صفحات استفاده کنید و آن ها را بوسیله HTML کوچک و یا بزرگ نکنید.

19. مشخص کردن ابعاد عکس ها

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

 

 <img src="example.jpg" alt="" width="32" height="32"> 

 

20. Optimize و یا بهینه سازی حجم عکس ها

عکس ها ممکن است از آنچه که حجم آن ها نشان می دهد فضای کمتری را اشغال کنند. پس باید به منظور رسیدن به بهترین حجم عکس، همه آن ها را بهینه کنید. برخی از ابزارهای آنلاین بهینه سازی عبارتند از: compressor.io و compressjpeg.com.

21. عکس های کوچک و کم حجم را یکجا کنید

عکس های کوچک و کم حجم را یکی کنید. این عمل باعث کاهش یافتن تعداد درخواست ها به سرور و درنتیجه افزایش سرعت بارگذاری می شود. حتما می پرسید پس چگونه عکس ها را از یکدیگر تفکیک نماییم؟ پاسخ ساده است. بوسیله CSS به راحتی می توان بخشی از عکس که مورد نیاز است را برش داد. روش اجرا: عکس زیر را در نظر بگیرید:

حال می خواهیم دو شکل را از یکدیگر مجزا کنیم. کد CSS زیر را تهیه می کنیم:

.mycube {width:50px; height:50px; background:url(multiple_imgs.png) 0 0px;}
.myhat {width:50px; height:50px; background:url(multiple_imgs.png) 0 -50px;} 

 

 بحث چهارم: تغییرات مربوط به فایل های CSS و JS

22. فایل های CSS و JS را در Head صفحات قرار دهید

23. حتی الامکان فایل های CSS را قبل از فایل های JS قرار دهید

24. کد های CSS و JS  بصورت Inline را تا حد امکان کاهش دهید

25. کدهای CSS، JS و HTML را Minifi کنید

این بدین معنی است که تمامی فاصله های خالی را از بین کدهای خود پاک کنید. ابزارهای آنلاینی برای این کار وجود دارد. سایت های روبرو را ببینید: refresh-sf.com و willpeavy.com/minifier.

26. از دستور "import@" در فایل های CSS استفاده نکنید (import@ چیست)

راهنمایی: import@ نوعی دستور برای وارد کردن یک فایل CSS درون یک فایل CSS دیگر است (شبیه include در PHP).

27. از expressionهای CSS استفاده نکنید

Expression ابزاری مفید برای تعیین مقادیر موجود در CSS بصورت دینامیک است. Epressionهای CSS علاوه بر اینکه می توانند ابزاری قدرتمند در صفحات وب باشند، می توانند نوعی باگ نیز محسوب شوند. زیرا این Expressionها از مرورگر IE8 به بالا کار می کنند و برای سایر کاربران می توانند مشکل ایجاد کنند. برای مثال یکی از این Expression ها تغییر رنگ پس زمینه بوسیله CSS است که بهتر است به سمت سرور برگردد. روش اجرا: برای مثال، در حالت تغییر رنگ پس زمینه، استفاده از کد PHP:

 <body bgcolor="<?php if(date('H')%2==0){echo"#B8D4FF";}else{echo"#F08A00";} ?>"> 

به جای استفاده از ساختار زیر در CSS:

 background-color: expression((new Date()).getHours()%2 ? "#B8D4FF":"#F08A00"); 

 

 بحث پنجم: تغییرات مربوط به مباحث عمومی

28. بروزرسانی وب سایت

بطور مرتب و حداقل هر دو هفته یک بار وب سایت خود را با مطلب جدید بروزرسانی نمایید و از Keywordهای مناسب برای هر مطلب ارسالی استفاده نمایید.

29. نام فایل ها را به درستی انتخاب کنید

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

30. ایجاد Sitemap برای ربات ها

نقشه سایت خود (فایل sitemap.xml) را درست کنید و آن را در root وب سایت خود قرار دهید (ابزار آنلاین ایجاد نقشه سایت).

31. ایجاد Sitemap برای کاربران

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

32. وب سایت خود را در Google Webmasters ثبت کنید

33. با سایت های دیگر تبادل لینک کنید

با سایت هایی که رتبه ی گوگل آن ها از سایت شما بالاتر است تبادل لینک کنید.

34. وب سایت خود را در دایرکتوری های آنلاین مانند "Yahoo"  و "Dmoz" ثبت کنید

35. برای عکس ها پارامترهای alt و title قرار دهید

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

36. از iframe استفاده نکنید

چون iframeها توسط موتورهای جستجوگر دیده نمی شوند، از به کار بردن آن ها اجتناب کنید.

37. فایل robots.txt ایجاد کنید

صاحبان وب سایت ها برای اینکه به ربات ها و اسپایدرهای موتورهای جستجو بفهمانند که چگونه و کجای وب سایت آنها را کنکاش کنند، از robots.txt استفاده می کنند. بطور کامل تر بخواهم بگویم، این عمل “The Robots Exclusion Protocol” نام دارد. برای اینکه با نحوه کار این فایل آشنا شوید، میتوانید به اینجا سر بزنید.

38. بجای عدد در آدرس صفحات بصورت Querystring از Beautiful-URL استفاده کنید

مقاله ای در این مورد بخوانید: Beautiful URLs with mod_rewrite and PHP

39. مراقب محتوای AJAX باشید

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

40. وب سایت خود را به موتورهای جستجوگر معرفی کنید

معرفی به: گوگل، یاهو و Bing

نظر خود را بنویسید...
ارسال نظر
لغو