دسته‌بندی: آموزشی

تگ‌های متا برای سئو: راهنمای ساده برای مبتدیان

تگ‌های متا برای سئو: راهنمای ساده برای مبتدیان

تاریخ انتشار: ۱۴۰۴/۰۴/۲۷ | ۱۷:۵۱:۱۱


مقدمه ای بر تگ‌های متا برای سئو

تگ‌های متا قطعه‌کدهایی در HTML هستند که اطلاعات مهمی را درباره صفحات وب به موتورهای جست‌وجو و مرورگرها می‌دهند—مانند نحوه نمایش صفحه در نتایج جست‌وجو یا چگونگی ارائه آن به بازدیدکنندگان. در این راهنما، شش تگ متای کلیدی برای سئو بررسی می‌شود:

  • 📚 1. عنوان متا
  • 📚 2. توضیحات متا
  • 📚 3. robots
  • 📚 4. ریدایرکت متا
  • 📚 5. charset
  • 📚 6. viewport

عنوان متا یا Meta Title

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

اهمیت عنوان متا برای سئو

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

بهترین شیوه‌ها:

  • ✅ برای هر صفحه یک عنوان منحصربه‌فرد بنویسید.
  • ✅ مختصر و توصیفی باشد.
  • ✅ از عنوان‌های مبهم یا عمومی پرهیز کنید.
  • ✅ از ساختار مناسب (حروف بزرگ/کوچک مختص زبان انگلیسی) استفاده کنید.
  • ✅ هدف جست‌وجو را مدنظر قرار دهید.
  • ✅ کلمه کلیدی را به‌درستی به‌کار ببرید.
  • ✅ از ۶۰ کاراکتر تجاوز نکند.
مطالعه پیشنهادی: برای یادگیری نحوه نگارش عنوان‌های متا حرفه‌ای که هم از نظر سئو بهینه باشند و هم نرخ کلیک (CTR) بالایی ایجاد کنند، پیشنهاد می‌شود مقاله‌ی Ahrefs با عنوان:

🔗 چگونه یک تگ عنوان سئو کامل بنویسیم (فرآیند ۴ مرحله‌ای ما)

برای افزودن تگ عنوان به یک صفحه وب، کافی است کد مربوطه را در بخش صفحه HTML قرار دهید. در سیستم‌هایی مانند وردپرس، می‌توانید با نصب افزونه‌هایی مانند Yoast SEO این کار را بدون نیاز به کدنویسی انجام دهید؛ بخشی در ویرایشگر صفحات یا نوشته‌ها برای تنظیم عنوان متا نمایش داده می‌شود.

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

اگر شمارش طول پیکسل عنوان به رنگ قرمز نمایش داده شود، به این معنی است که عنوان بیش از حد طولانی است و نیاز به کوتاه‌کردن دارد.

نحوه شناسایی و رفع خطاهای رایج در تگ عنوان

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

چگونه تگ‌های عنوان تکراری یا چندگانه را پیدا و اصلاح کنیم

برای بررسی وجود تگ‌های عنوان تکراری یا چندتایی در سایت خود، می‌توانید از ابزار Site Audit در Ahrefs استفاده کنید. پس از خزیدن (crawl) سایت، به گزارش On Page مراجعه کرده و خطاهایی با عنوان "Multiple title tag" را بررسی نمایید.

گزارش Site Audit از Ahrefs درباره تگ‌های عنوان چندگانه

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

سپس به گزارش محتوای تکراری (Duplicate content) بروید و به دنبال تگ‌های عنوان با خطاهای «Bad duplicate» بگردید.

گزارش Site Audit از Ahrefs درباره تگ‌های عنوان چندگانه

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

گزارش Site Audit از Ahrefs درباره تگ‌های عنوان چندگانه

📚 پیشنهاد مطالعه

اگر می‌خواهید بدانید تگ‌های عنوان چیستند و چطور می‌توانید آن‌ها را برای بهبود سئو سایتتان بنویسید، پیشنهاد می‌کنیم مطلب بهینه‌سازی تگ عنوان را از دست ندهید!

توضیحات متا (Meta Description)

توضیحات متا خلاصه‌ای از محتوای صفحه را ارائه می‌دهد. موتورهای جست‌وجو اغلب از این توضیحات برای نمایش خلاصه‌ای در نتایج جست‌وجو استفاده می‌کنند.

نمونه توضیحات متا در نتایج جستجو

توجه: گوگل همیشه توضیحات متای تنظیم‌شده توسط شما را نمایش نمی‌دهد و گاهی اوقات بخش متفاوتی را به عنوان خلاصه نشان می‌دهد.

اهمیت توضیحات متا برای سئو

گوگل این موضوع را بار دیگر به بهترین شکل توضیح می‌دهد:

تگ توضیحات متا باید به طور کلی کاربران را با خلاصه‌ای کوتاه و مرتبط درباره محتوای صفحه مطلع و جذب کند. این توضیحات مانند یک معرفی کوتاه است که کاربر را متقاعد می‌کند صفحه دقیقاً همان چیزی است که به دنبال آن است.

با این حال، توضیحات متا عامل مستقیم رتبه‌بندی نیستند. گوگل می‌گوید:

حتی اگر گاهی از تگ توضیحات متا برای نمایش بخش‌هایی از نتایج استفاده کنیم، اما این تگ را در رتبه‌بندی به کار نمی‌بریم.

بهترین شیوه‌ها

  • ✅برای هر صفحه توضیحی یکتا بنویسید؛
  • ✅سعی کنید محتوا را دقیقاً خلاصه کنید؛
  • ✅از توضیحات کلیشه‌ای و کلی پرهیز کنید؛
  • ✅از نوشتار جمله‌ای (sentence case) استفاده کنید؛
  • ✅چیزی جذاب بنویسید، نه کلیک‌بیت؛
  • ✅مطابقت با نیت جستجو (search intent) داشته باشید؛
  • ✅کلیدواژه هدف خود را در صورت منطقی بودن وارد کنید؛
  • ✅طول توضیحات را زیر ۱۶۰ کاراکتر نگه دارید.

مطالعه پیشنهادی: چگونه به‌طور مؤثر توضیحات متای کامل بنویسیم

چگونه توضیحات متا را به صفحه خود اضافه کنیم

کد زیر را در بخش صفحه خود قرار دهید:

    
  

اگر از وردپرس استفاده می‌کنید، می‌توانید به‌سادگی این کار را با افزونه‌هایی مانند Yoast انجام دهید.

تنظیم توضیحات متا در افزونه Yoast

سایر سیستم‌های مدیریت محتوا مانند Squarespace و Wix نیز امکانات مشابهی برای این کار دارند.

چگونه خطاهای رایج در توضیحات متا را پیدا و رفع کنیم

چهار مشکل رایج در توضیحات متا همانند مشکلات تگ عنوان هستند:

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

برای بررسی دو خطای اول می‌توانید صفحه به صفحه از ابزارهایی مانند SERPSim یا Yoast استفاده کنید.

همچنین سایت خود را با ابزار Site Audit از Ahrefs خزیده و گزارش On page را برای بررسی سه خطای اول در تمام صفحات مشاهده کنید.

گزارش خطاهای توضیحات متا در Ahrefs Site Audit

برای بررسی توضیحات متای تکراری، گزارش Duplicate content را چک کنید و از روش‌های مشابه با اصلاح تگ‌های عنوان استفاده نمایید.

تگ متا robots

تگ متا robots به موتورهای جستجو می‌گوید که آیا و چگونه باید صفحات وب شما را کراول (خزیدن) کنند.

نحو:

چرا برای سئو مهم است؟

استفاده نادرست از ویژگی‌ها در تگ متا robots می‌تواند تاثیر مخربی روی حضور سایت شما در نتایج جستجو داشته باشد. موفقیت در سئو به درک صحیح این تگ و استفاده بهینه از آن بستگی دارد.

مقدارهای قابل استفاده در این تگ عبارت‌اند از:

  • index: به ربات‌ها می‌گوید صفحه را ایندکس کنند؛
  • noindex: به ربات‌ها می‌گوید صفحه را ایندکس نکنند؛
  • follow: به ربات‌ها می‌گوید لینک‌های صفحه را دنبال کنند و شما تایید می‌کنید؛
  • nofollow: به ربات‌ها می‌گوید لینک‌ها را دنبال نکنند و تاییدی وجود ندارد.

می‌توانید این مقدارها را به صورت ترکیبی استفاده کنید:





  

همچنین می‌توانید از استفاده کنید که معادل noindex, nofollow است. اگر تگ متا robots تنظیم نشود، به صورت پیش‌فرض برابر با index, follow است.

توجه: گوگل تگ‌های nofollow را به عنوان راهنمایی (hint) می‌بیند، نه دستورات قطعی. سایر ویژگی‌های پیشرفته مانند noarchive، noimageindex، nosnippet و غیره در اینجا بررسی نشده‌اند.

بهترین شیوه‌ها

  • فقط زمانی که می‌خواهید نحوه خزیدن گوگل را محدود کنید از تگ متا robots استفاده کنید؛
  • صفحات را همزمان با تگ متا robots در فایل robots.txt مسدود نکنید؛

مطالعه پیشنهادی: تگ متا Robots و X‑Robots-Tag: هر آنچه باید بدانید

چگونه تگ متا robots را به صفحه خود اضافه کنیم

کد مناسب را در بخش صفحه خود قرار دهید.

در وردپرس، می‌توانید از تنظیمات پیشرفته Yoast برای تنظیم تگ‌های متا robots استفاده کنید:

تنظیم تگ متا robots در وردپرس با افزونه Yoast

اکثر CMSها امکانات مشابهی دارند.

تشخیص و رفع خطاهای رایج در تگ متا robots

سه اشتباه رایج در استفاده از تگ متا robots وجود دارد:

  • صفحات noindex شده که توسط robots.txt مسدود شده‌اند؛ این باعث می‌شود گوگل تگ noindex را نبیند و ممکن است همچنان URL را ایندکس کند.
  • تگ noindex اشتباهی که مانع ایندکس صفحه توسط گوگل می‌شود و باعث کاهش ترافیک ارگانیک می‌شود.
  • تگ nofollow اشتباهی که جلوی خزیدن گوگل روی لینک‌های صفحه را می‌گیرد؛ این ممکن است کشف و ایندکس محتوای مهم را مختل کند و همچنین جریان PageRank را کاهش دهد که معمولاً مطلوب نیست.

می‌توانید دو خطای اول را با استفاده از گزارش Coverage در Google Search Console بررسی کنید.

برای پیدا کردن صفحات ایندکس شده که ممکن است تگ noindex داشته باشند، به تب "Valid with warnings" بروید و هشدارهای "Indexed, though blocked by robots.txt" را بیابید:

هشدار ایندکس شده اما مسدود شده توسط robots.txt در Google Search Console

کد منبع این صفحات را برای وجود تگ متا robots با مقدار noindex بررسی کنید. بسته به هدف خود، یا بلاک robots.txt یا تگ noindex را حذف کنید.

برای یافتن تگ‌های rogue noindex، به تب "Excluded" مراجعه کنید و صفحات "Excluded by ‘noindex’ tag" را بررسی نمایید:

صفحات حذف شده توسط تگ noindex در Google Search Console

تگ متا robots را از صفحاتی که باید ایندکس شوند حذف کنید.

برای یافتن صفحات با تگ rogue nofollow، سایت را با Ahrefs Site Audit خزیده و گزارش Indexability را برای هشدارهای "Nofollow page" بررسی کنید:

هشدار صفحات nofollow در Ahrefs Site Audit

این تگ را حذف کنید مگر اینکه به طور خاص بخواهید موتورهای جستجو لینک‌های صفحه را دنبال نکنند.

توجه: مسائل دیگری مانند وجود صفحات با تگ noindex در نقشه سایت (sitemap) نیز ممکن است وجود داشته باشد. برای کسب اطلاعات بیشتر، گزارش Indexability در Ahrefs Site Audit را بررسی کنید.

متا ویوپورت (Meta viewport)

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

چرا برای سئو مهم است؟

گوگل اعلام کرده است که «وجود این تگ به گوگل نشان می‌دهد که صفحه موبایل‌فرندلی است.» این موضوع اهمیت دارد زیرا از سال ۲۰۱۵، گوگل صفحات موبایل‌فرندلی را در نتایج جستجوی موبایل بالاتر رتبه‌بندی می‌کند.

نمایش صفحه با و بدون تگ متا ویوپورت در موبایل

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

نکته: تگ ویوپورت تنها مورد لازم برای موبایل‌فرندلی کردن سایت نیست. وب‌سایت شما باید از طراحی ریسپانسیو نیز استفاده کند.

بهترین شیوه‌ها

  • از تگ متا ویوپورت در همه صفحات وب استفاده کنید؛
  • از تگ استاندارد استفاده کنید مگر اینکه تخصص داشته باشید (در ادامه توضیح داده شده است).

چگونه تگ متا ویوپورت را به صفحه خود اضافه کنیم

کد زیر را در بخش صفحه وب خود قرار دهید:

توجه داشته باشید که مقدار content می‌تواند متفاوت باشد ولی این حالت، رایج‌ترین و مناسب‌ترین گزینه برای اغلب صفحات است.

چگونه خطاهای رایج تگ متا ویوپورت را تشخیص و رفع کنیم

اکثر CMSها و قالب‌های مدرن به صورت خودکار ویوپورت را تنظیم می‌کنند، بنابراین مشکلات مربوط به این تگ در بیشتر سایت‌های جدید نادر است.

با این حال، می‌توانید با استفاده از گزارش Mobile Usability در Google Search Console مشکلات احتمالی را بررسی کنید.

این گزارش صفحاتی که در دستگاه‌های موبایل مشکلات کاربری دارند را نشان می‌دهد. اگر یکی از مشکلات مربوط به نبود تگ متا ویوپورت باشد، خطای "Viewport not set" نمایش داده می‌شود.

خطای Viewport not set در Google Search Console

این مشکل را با اضافه کردن تگ متا ویوپورت مناسب به صفحات آسیب‌دیده رفع کنید.

مهم:

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

اگر از Google Search Console استفاده نمی‌کنید

در بیشتر موارد، تگ متا ویوپورت به‌صورت سراسری در سطح سایت تنظیم شده و معمولاً در قالب سایت (theme) کدنویسی شده است.

اگر به Google Search Console دسترسی ندارید، می‌توانید با استفاده از ابزار Mobile-Friendly Test گوگل، بررسی کنید که آیا تگ متا ویوپورت در صفحه اصلی شما وجود دارد یا خیر.

Mobile-Friendly Test tool

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

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

Meta charset و Meta Refresh Redirect

Meta charset چیست؟

تگ meta charset نحوه رمزگذاری کاراکترهای صفحه وب را برای مرورگر مشخص می‌کند. رایج‌ترین انواع آن UTF-8 (برای یونیکد) و ISO-8859-1 (برای حروف لاتین) هستند.

استفاده از رمزگذاری اشتباه باعث نمایش نادرست کاراکترها، تجربه کاربری ضعیف، نرخ پرش بالا، و درک نادرست موتور جستجو از محتوا می‌شود. گوگل پیشنهاد می‌کند از UTF-8 استفاده شود.

کد پیشنهادی برای HTML5:

کد پیشنهادی برای HTML4:

Ahrefs charset scan

Meta refresh redirect چیست؟

تگ meta refresh مرورگر را پس از چند ثانیه به URL جدیدی هدایت می‌کند. با وجود اینکه گوگل این تگ را درک می‌کند، استفاده از آن توصیه نمی‌شود.

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

تصویر بزرگ شده

پیشنهاد ویژه برای دسته‌بندی آموزشی