اگر برنامه‌نویس سایت هستید و کار طراحی سایت را به صورت اختصاصی انجام می‌دهید و از سیستم‌های مدیریت محتوا مثل وردپرس و افزونه‌های مربوط به سئو استفاده نمی‌کنید، لازم است تا اصول اولیه سئو را در کدهای HTML خود رعایت کنید.
در این نوشته، فهرست مهم‌ترین تگ‌ها و متاتگ‌ها که باید در هر قالب HTML موجود باشند تا بتوانید وضعیت سئو سایت را بهبود دهید، معرفی می‌کنیم:
۱- تگ title
مهم‌ترین تگ که عنوان صفحه را برای موتورهای جستجو تعیین می‌کند، تگ title است که باید در بخش head سایت قرار بگیرد. یک نمونه از کد title به شکل زیر است
<title>عنوان اصلی صفحه</title>
۲- تگ متا توضیحات( Meta Description )
دومین تگ که در هر صفحه از سایت شما باید موجود باشد، متاتگ توضیحات است. این متاتگ توضیحاتی که گوگل زیر عنوان سایت شما در فهرست نتایج جستجو مشخص می‌کند را تعیین می‌کند. طول این توضیحات معمولا کمتر از ۱۶۰ حرف است و شکل نوشتار آن باید به گونه‌ای باشد که بتواند، جستجوگران در گوگل را ترغیب کند تا روی عنوان سایت شما کلیک کنند. شکل نوشتن کدهای این متاتگ به شکل زیر است:
<meta name="description" content="توضیحات مربوط به صفحه در این قسمت درج می‌شود">
لازم به ذکر است که این تگ هم می‌بایست در بخش head صفحه قرار بگیرد.
۳- تگ‌های عنوان( Header )
سومین گروه از تگ‌ها که باید به خوبی استفاده از آن‌ها را بدانید، تگ‌های عنوان( h1-h6 ) هستند. این تگ‌ها به ترتیب اولویت، عنوان‌های موجود در صفحه را مشخص می‌کنند. عنوان h1 از نظر منطقی در هر صفحه دقیقا باید یک بار درج شود و معمولا معادل تگ title است که قبلا به آن پرداختیم. وجود بقیه‌ی تگ‌ها در صفحه الزامی نیست ولی اگر به خوبی و به ترتیب بتوانید از این تگ‌های عنوان در صفحه استفاده کنید، می‌تواند روی سئو سایت شما اثر مثبت بر جای بگذارد.
۴- توضیحات تصاویر با صفت alt
تصاویر بخش مهمی از صفحات وب به شمار می‌روند ولی موتورهای جستجو هنوز آنقدر هوشمند نیستند که بتوانند محتوای این تصاویر را به درستی تشخیص دهند. با تعیین صفت alt به صورت زیر می‌توانید معنی هر تصویر را برای گوگل مشخص کنید تا هم وضعیت سئو سایتتان بهتر شود و هم امکان جذب بازدیدکننده از طریق بخش جستجوی تصاویر گوگل را به دست آورید.
<img src="example.png" alt="سایت نمونه">
۵- تعیین وضعیت لینک‌های خارجی سایت با صفت rel
لینک‌های خارجی از عوامل مهم در رتبه‌بندی صفحات وب هستند. با تعیین مقدار rel برای هر لینک به گوگل اعلام می‌کنید که علت درج این لینک در صفحه چیست. مقدارهای قابل قبول برای این صفت عبارتند از:
- nofollow – این لینک توسط سایت ما قابل تایید نیست و آن را توصیه نمی‌کنیم. تمام لینک‌های تبلیغاتی باید این ویژگی را داشته باشند.
- ugc – لینک‌هایی که کاربران سایت درج کرده‌اند و از محتوای آن خبر نداریم.
- sponsored – لینک‌هایی که با دریافت پول در سایت درج کرده‌ایم و کاربرد تبلیغاتی دارند.
شکل درج صفت rel برای لینک‌ها به صورت زیر است:
<a href="https://example.com/" rel="nofollow">لینک بدون تایید</a> <a href="https://example.com/" rel="nofollow ugc">لینک درج شده توسط کاربران</a> <a href="https://example.com/" rel="nofollow sponsored">لینک تبلیغاتی</a> <a href="https://example.com/" rel="follow">حالت پیش‌فرض</a>
۶- استفاده‌ی صحیح از متن در لینک‌ها
لینک‌های داخلی یا خارجی که در صفحه قرار می‌دهید، باید دارای متن یا صفت title باشند. با درج متن مناسب در هر لینک به گوگل و به مخاطبان سایت اعلام می‌کنید که مقصد این لینک از نظر شما چه عنوان و چه توضیحی دارند. درج متن صحیح در تمامی لینک‌های داخلی و خارجی هم برای سایت شما و هم برای صفحات مقصد مفید خواهد بود.
برای مثال به موارد زیر توجه کنید:
<a href="https://example.com/">سایت نمونه</a> <a href="https://example.com"> <img src="example.png" alt="سایت نمونه"> </a> <a href="https://example.com" title="سایت نمونه"> <img src="example.png" alt="سایت نمونه"> </a>
۷- متاتگ canonical
یکی دیگر از متاتگ‌های مهم که در تمام صفحات سایت شما باید موجود باشد، متاتگ canonical است. این متاتگ مشخص می‌کند که آیا این صفحه از سایت شما یک صفحه‌ی منحصر به فرد و دارای اهمیت است یا یک صفحه‌ی تکراری است و مطالب آن در بخش‌های دیگر سایت به شکل دیگری قابل دسترسی هستند.
برای مثال در صفحات جستجو، ممکن است قابلیت مرتب‌سازی وجود داشته باشد و هر نوع از مرتب‌سازی یک نشانی جداگانه نیز دارد. در چنین حالتی بهتر است، برای هر یک از صفحات جستجو، متاتگ canonical را به شکلی تعیین کنید که به صفحه‌ی اصلی جستجو و مرتب نشده، اشاره کند.
اگر صفحات شما منحصر به فرد و دارای ارزش ویژه و غیرتکراری هستند، همیشه مقدار متاتگ canonical را با آدرس صفحه‌ی فعلی مقداردهی کنید تا گوگل به اشتباه آن را تکرار از یک صفحه‌ی دیگر سایت شما تشخیص ندهد.
نوشتن متاتگ canonical که می‌بایست در بخش head سایت قرار بگیرد به صورت زیر است:
<link rel="canonical" href="https://example.com/search">