چگونه کد های HTML را بهینه سازی کنیم
توسط حمیدرضا عباسی
بهینه سازی از همه جهات تاثیر مثبتی بر سئو سایت ما دارد، با بهینه کردن سایت هم سرعت لود سایت بالا میرود هم کار موتورهای جستجو برای شناسایی سایت ما بهتر می شود.در این مقاله از سری مقاله های سئو در گروه طراحی سایت وب شهر به چگونگی بهینه سازی کد های HTML پردازیم.
بهینه سازی کدهای HTML سایت
بهینه سازی کدهای سایت برای موتورهای جستجو یک فرایند استراتژیک برای جایگذاری مجموعه ای از کلمات کلیدی از پیش تعریف شده در قسمت های خاصی از کد صفحه که به شدت توسط موتورهای جستجو با ارزش تلقی می شود ، بنابراین موتورهای جستجو خواهید دید که این صفحه باید در نتایج جستجو برای این کلمات کلیدی نمایش داده شوند.
یکی از نکات سئو و بهینه سازی سایت برای موتورهای جستجو و بخصوص گوگل بهینه بودن و یا در اصطلاح ولید بودن کدهای html و css قالب سایت است ، معمولا خطاهای موجود در کدنویسی سایت به دلیل رعایت نکردن اصول و استانداردهای تعیین شده از طرف کنسرسیوم جهانی وب w3c توسط کدنویس و برنامه نویس سایت بوجود می آید از شایع ترین خطاها می توان مواردی مانند : نبستن تگهای سایت و یا استفاده از روش غیر استاندارد برای بستن تگی خاص ، به کار نبردن تگ alt در تصاویر ، استفاده از تگهای نامتعارف و منقضی شده و … را نام برد. یکی از خدمات گروه طراحی سایت وب شهر بهینه سازی کدنویسی html و css سایت w3c validation ( ولید کردن قالب ) می باشد .
بهینه سازی سورس کد سایت
*** در ادامه به یک لیست (با ترتیب اهمیت) از مکان های که در آن کلمات کلیدی باید قرار داده شوند اشاره شده است:
عنوان / Title
- مهمترین مکان برای کلمات کلیدی اصلی
- حداکثر ۷۰ کاراکتر
- کلمات کلیدی اصلی باید در ۳۷-۳۵ کاراکتر اول باشند
- نظرات متفاوت است در مورد تکرار کلمات کلیدی
- این مهم است که هر صفحه عنوان منحصر به فرد داشته باشد (نه عنوان تکراری) .
عناوین ثانویه (HX)
- استفاده از “یک” هدر H1 یک بار در بالای صفحه
- استفاده از هدر H2 در سراسر صفحه
- شما می توانید ظاهر هدرهای مختلف را با استفاده از CSS تغییر دهید.
المان های( BOLD، Italic، Underline (B / I / U
- استفاده از هر یک از المان ها حداقل یک بار
- استفاده از این المان ها ، یک بار برای هر کلمه کلیدی مهم
- المان Bold بیشتر موثر است.
لینک ها
- لینک های خروجی به وب سایت های معتبر مرتبط
- لینک های ورودی که شامل کلمات کلیدی در متن لنگر (Anchor text) هستند
- برای لینک گرافیکی (تصاویر)، باید از پارامتر Alt استفاده کنید
- تعداد لینک های خارجی باید در هر صفحه کمتر از ۱۰۰ لینک های خروجی باشند
URL
- باید مرتبط باشند به خصوص زمانی که کلمات کلیدی انگلیسی هستند
- کلمات کلیدی باید در نام فایل صفحه استفاده شوند .
- کلمات کلیدی باید در نام پوشه که صفحه در واقع شده است استفاده شوند.
- استفاده از کلمات کلیدی در نام دامنه
- جدا کردن کلمات کلیدی در نام دامنه با “-” .
- بیش از یک “-” در نام دامنه استفاده نشود .
- یک کلمه کلیدی دو بار استفاده نکنید (کلمه کلیدی که هم در نام پوشه و هم در نام فایل تکرار شود) .
متن (Body text)
- تمرکز بر روی تراکم کلمات کلیدی ، اهمیت و برجستگی آنها.
- حداقل ۱۰۰ کلمه در متن هر صفحه باشد.
- به روز رسانی به طور منظم – حتی تغییرات کوچک .
- مراقب تکرار کلمات کلیدی مشابه باشید.
متا تگ ها
امروز متا تگ ها تقریبا مورد توجه موتورهای جستجو هستند.
هنگامی که عبارت جستجو شده در در متای توضیحات وب سایت استفاده شده باشد گوگل تگ توضیحات (Description) وب سایت را در نتایج جستجو نشان می دهد.
استفاده از متا تگ کلمات کلیدی
سعی کنید از کلمات کلیدی تکراری استفاده نکنید و سعی کنید کلمات کلیدی استفاده شده اند را در متای کلمات کلیدی در متن اصلی استفاده شوند.
*** دقت کنید که کلمات کلیدی حداقل یک بار در هر یک از عناصر ذکر شده در بالا استفاده شوند اگرچه ، شما باید از keyword stuffing پرهیز کنید ، از آنجایی که این عمل ممکن است توسط موتورهای جستجو نادرست تلقی شود نتیجه آن جریمه شدن است.
بهینه سازی تگ های html برای seo :
مهمترین تگ هایی که نقش عمده را در موتورهای جستجو بازی می کنند شامل Title tags,header page,header,Alt می باشند.
Title tags :
اکثریت موتورهای جستجو به کلماتی که در تگ title هستند توجه می کنند. بنابراین هر صفحه ای باید این تگ را داشته باشد. یک نمونه خوب و مناسب از این تگ به شکل زیر است :
<TITLE>SEO (Search Engine Optimization)</TITLE>
*** اما تگ زیر مناسب نمی باشد :
<TITLE>Homepage</TITLE>
تگ های Heaader :
*** عمده موتور جستجوها توجه خاصی به این تگ می نمایند(H1,H2,H3). نمونه آن به شکل زیر است :
<H2>Search Engine Positioning</H2>
Alt text :
از این تگ برای توصیف محتوای یک عکس استفاده می شود که عبارت درون آن در صورت نمایش داده نشدن تصویر به بازدیدکننده نشان داده شود.کلمه ی کلید قوی و موثری را در این تگ قرار دهید تا موتورهای جستجو آن را keyword کنند. برای اینکه از قابل رویت بودن این متن مطمئن شوید بایستی خصوصیات WIDTH,HEIGHT مربوط به عکس را مقدار دهی کرده باشید .
در افزودن نقطه (.) در انتهای این تگ دفت نمایید تا نقطه ی انتهای تصویر جاری و شروع تصویر بعدی مشخص شود. نمونه این تگ به شکل زیر است :
<IMG SRC=”seo.gif” WIDTH=”۱۰۰″ HEIGHT=”۱۰۰″ ALT=”search engine optimization.”>
بهینه سازی کدنویسی html و css سایت w3c validation
جهت بررسی معتبر بودن کدهای وب سایت تان می توانید با مراجعه به سایت w3.org و استفاده از بخش Markup Validation Service برای بررسی html سایت و همچنین مراجعه به ادرس CSS Validation Service برای بررسی و اعتبار سنجی css سایت اقدام کنید با وارد کردن آدرس سایت در فیلد موجود اگر کدنویسی قالب مشکلی نداشته باشد با عبارت passed در html و با عبارت no error found در css مواجه می شوید اما در صورت داشتن خطا تعداد خطاها و محل وقوع خطا نمایش داده شده و راهکاری برای رفع آن نیز پیشنهاد می شود ، اگر سایت تان به هر دلیل دارای خطای کدنویسی می باشد گروه وب شهر آمادگی رفع خطاها و ولید کردن سایت تان را دارا می باشد جهت سفارش می توانید از فرم تماس باما استفاده نمایید.
برای مشاوره سئو و بهینه سازی سایت خود با همکاران متخصص ما در گروه طراحی سایت وب شهر تماس بگیرید.
حمیدرضا عباسی
حمیدرضا عباسی هستم، کارشناس نرم افزار و دانشجوی کارشناسی ارشد تجارت الکترونیک، طراح و توسعه دهنده وب سایت و متخخص سئو، از سال ۹۰ به صورت حرفه ای شروع به فعالیت در زمینه طراحی وب سایت کردم و بسیار علاقه مند و مشتاق به استفاده از تکنولوژی های جدید و بروز در زمینه طراحی وب سایت و تجارت الکترونیک هستم.
مطالب پیشنهادی
روش هایی جهت حفظ رتبه در موتورهای جستجو
25 مهر 1396