متا تگ چیست؟ معرفی مهم‌ترین متاتگ‌ها در سایت

متا تگ چیست؟ معرفی مهم‌ترین متاتگ‌ها در سایت

آنچه در این مقاله میخوانید
میزان پیشرفت خواندن شما

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

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

09130033912

استفاده صحیح از متاتگ‌ها یکی از پایه‌های سئوی فنی است؛ اما استفاده اشتباه از بعضی متاتگ‌ها، به‌خصوص robots، می‌تواند باعث حذف یک صفحه یا حتی بخش مهمی از سایت از نتایج جست‌وجو شود. به همین دلیل در فرایند طراحی سایت، تنظیم متاتگ‌ها باید از همان مراحل اولیه راه‌اندازی و بهینه‌سازی سایت جدی گرفته شود.

متا تگ چیست؟

متا تگ چیست؟

متا تگ یا Meta Tag یک قطعه کد HTML است که اطلاعاتی درباره صفحه وب در اختیار مرورگرها، موتورهای جست‌وجو و سایر سرویس‌ها قرار می‌دهد. بیشتر متاتگ‌ها در بخش <head> کد HTML نوشته می‌شوند و معمولاً به‌صورت مستقیم در محتوای قابل مشاهده صفحه نمایش داده نمی‌شوند.

ساختار عمومی یک متا تگ به شکل زیر است:

<meta name="description" content="توضیح کوتاهی درباره محتوای صفحه">

در این نمونه:

  • meta نام تگ HTML است.
  • name نوع اطلاعات را مشخص می‌کند.
  • description نشان می‌دهد این اطلاعات، توضیحات صفحه است.
  • content مقدار اصلی متا تگ را در خود قرار می‌دهد.

بر اساس مستندات MDN، تگ <meta> برای ارائه اطلاعاتی استفاده می‌شود که نمی‌توان آن‌ها را با عناصر اختصاصی دیگری مانند <title>، <link> یا <style> بیان کرد. این تگ می‌تواند اطلاعات سطح صفحه، نوع رمزگذاری کاراکترها یا دستورهایی شبیه هدر HTTP را مشخص کند.

متا تگ‌ها در کدام قسمت سایت قرار می‌گیرند؟

متاتگ‌ها معمولاً در بخش <head> صفحه HTML و قبل از تگ <body> قرار می‌گیرند:

<!doctype html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="توضیحات این صفحه">
    <meta name="robots" content="index, follow">

    <title>عنوان صفحه</title>
</head>
<body>
    محتوای قابل مشاهده صفحه
</body>
</html>

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

متا تگ‌ها چه کاربردی دارند؟

متا تگ‌ها چه کاربردی دارند؟

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

  1. ارائه توضیح درباره موضوع صفحه
  2. کنترل ایندکس‌شدن یا نشدن صفحه
  3. تعیین نحوه نمایش سایت در موبایل
  4. مشخص‌کردن رمزگذاری حروف و کاراکترها
  5. کنترل نحوه نمایش پیش‌نمایش صفحه در گوگل
  6. تعیین عنوان، تصویر و توضیحات لینک در شبکه‌های اجتماعی
  7. تأیید مالکیت سایت در ابزارهایی مانند سرچ کنسول
  8. تنظیم برخی رفتارهای مرورگر
  9. کنترل میزان ارسال اطلاعات ارجاع‌دهنده
  10. تعیین رنگ رابط مرورگر در بعضی دستگاه‌ها

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

مهم‌ترین متاتگ‌های سایت در یک نگاه

متا تگ کاربرد اصلی اهمیت
charset تعیین رمزگذاری کاراکترها ضروری
viewport نمایش صحیح صفحه در موبایل ضروری
description معرفی خلاصه محتوای صفحه بسیار مهم برای سئو و نرخ کلیک
robots کنترل ایندکس و نمایش صفحه بسیار حساس
googlebot ارسال دستور اختصاصی به گوگل مهم در شرایط خاص
google-site-verification تأیید مالکیت سایت موردی
referrer کنترل اطلاعات ارجاع‌دهنده مهم برای حریم خصوصی
theme-color تعیین رنگ رابط مرورگر اختیاری
Open Graph تنظیم پیش‌نمایش لینک در شبکه‌های اجتماعی مهم
Twitter Card تنظیم پیش‌نمایش لینک در X و سرویس‌های سازگار مهم
http-equiv="refresh" انتقال یا تازه‌سازی خودکار صفحه بهتر است استفاده نشود
keywords فهرست کلمات کلیدی برای سئوی گوگل بی‌اثر

۱. متا تگ Charset

متا تگ charset نوع رمزگذاری کاراکترهای صفحه را مشخص می‌کند:

<meta charset="UTF-8">

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

این تگ بهتر است در ابتدای بخش <head> قرار بگیرد. طبق مستندات MDN، تعریف رمزگذاری باید به‌طور کامل در ۱۰۲۴ بایت نخست سند قرار داشته باشد و در HTML5 مقدار معتبر آن UTF-8 است.

۲. متا تگ Viewport

متا تگ viewport مشخص می‌کند مرورگر صفحه را در دستگاه‌های مختلف، به‌خصوص تلفن همراه، چگونه نمایش دهد:

<meta name="viewport" content="width=device-width, initial-scale=1">

اجزای این تگ عبارت‌اند از:

  • width=device-width: عرض صفحه را با عرض نمایشگر دستگاه هماهنگ می‌کند.
  • initial-scale=1: بزرگ‌نمایی اولیه صفحه را روی مقدار استاندارد قرار می‌دهد.

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

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

۳. متا دیسکریپشن یا Meta Description

متا دیسکریپشن خلاصه‌ای کوتاه و دقیق از محتوای صفحه است:

<meta
  name="description"
  content="در این مقاله با مهم‌ترین متاتگ‌های سایت و تأثیر آن‌ها بر سئو آشنا می‌شوید."
>

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

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

ویژگی‌های یک متا دیسکریپشن مناسب

یک توضیح متای مناسب باید:

  • محتوای واقعی صفحه را خلاصه کند.
  • برای همان صفحه اختصاصی و منحصربه‌فرد باشد.
  • کلمه کلیدی اصلی را به‌شکل طبیعی داشته باشد.
  • از تکرار پشت‌سرهم کلمات کلیدی پرهیز کند.
  • مزیت یا پاسخ اصلی صفحه را بیان کند.
  • مخاطب را به کلیک ترغیب کند.
  • با محتوای صفحه تناقض نداشته باشد.

برای شروع می‌توان توضیحی در حدود ۱۲۰ تا ۱۶۰ کاراکتر نوشت، اما این عدد قانون قطعی گوگل نیست. معیار مهم‌تر، کامل‌بودن پیام و جلوگیری از حذف قسمت ضروری متن در نمایشگرهای مختلف است.

نمونه متا دیسکریپشن ضعیف

<meta
  name="description"
  content="متا تگ، متاتگ، سئو، متا دیسکریپشن، سایت، طراحی سایت، سئو سایت"
>

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

نمونه متا دیسکریپشن مناسب

<meta
  name="description"
  content="متا تگ چیست؟ با مهم‌ترین متاتگ‌های سئو، robots، viewport و Open Graph و روش استفاده صحیح از آن‌ها آشنا شوید."
>

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

۴. متا تگ Robots

متا تگ robots به موتورهای جست‌وجو اعلام می‌کند که یک صفحه چگونه ایندکس و در نتایج نمایش داده شود:

<meta name="robots" content="index, follow">

مقادیر مهم آن عبارت‌اند از:

مقدار مفهوم
index صفحه می‌تواند ایندکس شود
noindex صفحه نباید در نتایج جست‌وجو نمایش داده شود
follow موتور جست‌وجو می‌تواند لینک‌های صفحه را دنبال کند
nofollow موتور جست‌وجو نباید لینک‌های صفحه را دنبال کند
none معادل noindex, nofollow
nosnippet متن یا پیش‌نمایش ویدئویی صفحه در نتایج نشان داده نشود
noimageindex تصاویر این صفحه ایندکس نشوند
max-snippet:number حداکثر طول مجاز اسنیپت را تعیین می‌کند
max-image-preview اندازه پیش‌نمایش تصویر را کنترل می‌کند

در حالت عادی، مقادیر پیش‌فرض index, follow هستند و نوشتن صریح آن‌ها ضروری نیست. گوگل اعلام کرده است که در صورت وجود دستورهای متناقض، دستور محدودکننده‌تر را اعمال می‌کند.

نمونه جلوگیری از ایندکس یک صفحه

<meta name="robots" content="noindex, follow">

این دستور برای صفحه‌هایی مانند نتایج جست‌وجوی داخلی، بعضی صفحات فیلترشده، صفحات آزمایشی یا صفحات کم‌ارزش قابل استفاده است؛ البته انتخاب صفحات noindex باید براساس استراتژی سئو انجام شود.

تفاوت robots.txt و متا robots

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

اگر صفحه‌ای را در robots.txt مسدود کنید، خزنده ممکن است نتواند وارد صفحه شود و تگ noindex آن را ببیند. بنابراین برای حذف مطمئن یک صفحه از نتایج، نباید صرفاً همان صفحه را هم‌زمان در robots.txt مسدود و داخل آن noindex قرار داد.

آیا noindex برای رفع خطاهای سایت مناسب است؟

خیر. قرار دادن noindex راه‌حل خطاهای فنی نیست. اگر صفحه با ارور 500 چیست یا خطاهای سرور مواجه شده باشد، ابتدا باید علت خطا در سرور، افزونه، قالب، کد یا پایگاه داده برطرف شود. همچنین در صورت مشاهده ارور 404 و نحوه رفع آن باید ساختار درخواست، نشانی URL، کوکی‌ها، هدرها و تنظیمات سرور بررسی شوند. متا robots نمی‌تواند این خطاها را اصلاح کند.

۵. متا تگ Googlebot

اگر بخواهیم دستور مشخصی فقط برای خزنده گوگل تعریف کنیم، می‌توانیم از متا تگ googlebot استفاده کنیم:

<meta name="googlebot" content="noindex">

در بیشتر سایت‌ها استفاده از robots کافی است. تگ googlebot زمانی کاربرد دارد که دستور گوگل باید با سایر موتورهای جست‌وجو متفاوت باشد.

نمونه دیگر:

<meta name="googlebot" content="nosnippet">

این دستور از نمایش اسنیپت متنی صفحه در نتایج گوگل جلوگیری می‌کند. استفاده از چنین دستورهایی باید آگاهانه باشد؛ زیرا می‌تواند نرخ کلیک و ظاهر صفحه در نتایج را به‌شدت تغییر دهد.

گوگل همچنین برای فایل‌های غیر HTML مانند PDF، تصویر و ویدئو استفاده از هدر HTTP با نام X-Robots-Tag را پیشنهاد می‌کند.

۶. متا تگ تأیید مالکیت سایت

برای تأیید مالکیت سایت در Google Search Console ممکن است کدی مشابه نمونه زیر در اختیار مدیر سایت قرار گیرد:

<meta
  name="google-site-verification"
  content="verification-code"
>

این تگ معمولاً باید در صفحه اصلی و داخل بخش <head> قرار بگیرد. مقدار content باید دقیقاً همان کدی باشد که سرویس ارائه کرده است.

حذف این تگ پس از تأیید مالکیت ممکن است در بعضی شرایط باعث از دست رفتن روش تأیید شود. اگر مالکیت دامنه از طریق DNS تأیید شده باشد، معمولاً نیازی به این متا تگ نیست.

۷. متا تگ Referrer

این متا تگ مشخص می‌کند هنگام ورود کاربر از سایت شما به یک مقصد دیگر، چه مقدار از اطلاعات صفحه مبدأ در هدر Referer ارسال شود:

<meta name="referrer" content="strict-origin-when-cross-origin">

مقادیر متداول آن شامل موارد زیر است:

  • no-referrer: هیچ اطلاعاتی از صفحه مبدأ ارسال نمی‌شود.
  • origin: فقط دامنه اصلی ارسال می‌شود.
  • same-origin: اطلاعات فقط برای مقصدهای هم‌دامنه ارسال می‌شود.
  • strict-origin-when-cross-origin: در درخواست‌های هم‌دامنه اطلاعات بیشتری ارسال می‌کند و در مقصدهای دیگر فقط مبدأ امن را می‌فرستد.

انتخاب مقدار مناسب به نیازهای تحلیلی، امنیتی و حریم خصوصی سایت بستگی دارد.

۸. متا تگ Theme Color

این متا تگ رنگ رابط مرورگر را در برخی مرورگرهای موبایل و دستگاه‌های سازگار تعیین می‌کند:

<meta name="theme-color" content="#121212">

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

<meta
  name="theme-color"
  content="#ffffff"
  media="(prefers-color-scheme: light)"
>

<meta
  name="theme-color"
  content="#121212"
  media="(prefers-color-scheme: dark)"
>

این تگ تأثیر مستقیمی بر رتبه سئو ندارد، اما می‌تواند تجربه کاربری و هماهنگی بصری سایت با مرورگر را بهتر کند.

متاتگ‌های Open Graph

۹. متاتگ‌های Open Graph

Open Graph مجموعه‌ای از متاتگ‌هاست که پیش‌نمایش لینک را هنگام اشتراک‌گذاری در شبکه‌های اجتماعی و پیام‌رسان‌های سازگار کنترل می‌کند.

نمونه استاندارد:

<meta property="og:title" content="متا تگ چیست؟">
<meta
  property="og:description"
  content="معرفی مهم‌ترین متاتگ‌های سایت و کاربرد آن‌ها در سئو"
>
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/what-is-meta-tag/">
<meta property="og:image" content="https://example.com/images/meta-tags.jpg">
<meta property="og:site_name" content="نام سایت">
<meta property="og:locale" content="fa_IR">

چهار ویژگی پایه پروتکل Open Graph عبارت‌اند از:

  • og:title
  • og:type
  • og:image
  • og:url

ویژگی‌هایی مانند og:description، og:site_name و og:locale نیز برای ساخت پیش‌نمایش کامل‌تر مفید هستند.

نکات مهم درباره تصویر Open Graph

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

برای مثال، در صفحه مربوط به طراحی سایت پوشاک بهتر است تصویر Open Graph نمایی از فروشگاه آنلاین لباس یا محصولات پوشاک باشد. در صفحه طراحی سایت ساختمان نیز تصویر مرتبط با پروژه ساختمانی، معماری یا نمونه رابط کاربری سایت انتخاب مناسب‌تری است.

۱۰. متاتگ‌های Twitter Card

برای تعیین شکل پیش‌نمایش لینک در شبکه X و بعضی سرویس‌های سازگار می‌توان از Twitter Card استفاده کرد:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="متا تگ چیست؟">
<meta
  name="twitter:description"
  content="راهنمای مهم‌ترین متاتگ‌های سایت"
>
<meta
  name="twitter:image"
  content="https://example.com/images/meta-tags.jpg"
>

مقدار summary_large_image معمولاً برای مقاله‌ها و صفحات دارای تصویر شاخص مناسب است. اگر Twitter Card تعریف نشده باشد، بعضی پلتفرم‌ها ممکن است از Open Graph برای ساخت پیش‌نمایش استفاده کنند؛ اما بهتر است اطلاعات مهم به‌صورت کامل تنظیم شوند.

۱۱. متا Refresh

متا refresh برای تازه‌سازی یا انتقال خودکار صفحه استفاده می‌شود:

<meta http-equiv="refresh" content="5">

نمونه انتقال کاربر به یک صفحه دیگر:

<meta
  http-equiv="refresh"
  content="0; url=https://example.com/new-page/"
>

استفاده از این روش برای ریدایرکت توصیه نمی‌شود؛ زیرا ممکن است برای کاربر گیج‌کننده باشد و همه مرورگرها نیز رفتار یکسانی نداشته باشند. گوگل توصیه می‌کند به‌جای Meta Refresh از ریدایرکت سمت سرور، مانند ریدایرکت 301، استفاده شود.

۱۲. متا تگ Keywords

نمونه قدیمی متا keywords به این شکل است:

<meta
  name="keywords"
  content="متا تگ، سئو، طراحی سایت، بهینه سازی سایت"
>

این تگ در گذشته برای اعلام کلمات کلیدی صفحه استفاده می‌شد؛ اما به دلیل سوءاستفاده و تکرار بیش‌ازحد کلمات، دیگر برای رتبه‌بندی گوگل کاربردی ندارد.

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

آیا Title یک متا تگ است؟

خیر. تگ عنوان از نظر فنی متا تگ نیست و یک عنصر مستقل HTML محسوب می‌شود:

<title>متا تگ چیست؟ معرفی مهم‌ترین متاتگ‌های سایت</title>

بااین‌حال، title یکی از مهم‌ترین عناصر سئوی داخلی است و به همین دلیل معمولاً در کنار متاتگ‌ها بررسی می‌شود.

یک عنوان مناسب باید:

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

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

آیا Canonical متا تگ است؟

تگ canonical نیز از نظر فنی متا تگ نیست، بلکه یک عنصر <link> است:

<link
  rel="canonical"
  href="https://example.com/main-page/"
>

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

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

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

آیا Hreflang متا تگ است؟

خیر. hreflang نیز معمولاً با تگ <link> در بخش <head> تعریف می‌شود:

<link
  rel="alternate"
  hreflang="fa"
  href="https://example.com/fa/page/"
>

<link
  rel="alternate"
  hreflang="en"
  href="https://example.com/en/page/"
>

این ویژگی به موتور جست‌وجو کمک می‌کند نسخه مناسب صفحه را براساس زبان یا منطقه کاربر تشخیص دهد. استفاده از متا تگ‌هایی مانند content-language جایگزین استاندارد hreflang نیست.

آیا داده‌های ساختاریافته متا تگ هستند؟

داده‌های ساختاریافته یا Schema معمولاً متا تگ محسوب نمی‌شوند. روش رایج پیاده‌سازی آن‌ها استفاده از کد JSON-LD است:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "متا تگ چیست؟",
  "description": "معرفی مهم‌ترین متاتگ‌های سایت"
}
</script>

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

متاتگ‌های پیشنهادی برای یک مقاله

یک ساختار پایه برای صفحات مقاله می‌تواند به شکل زیر باشد:

<head>
  <meta charset="UTF-8">

  <meta
    name="viewport"
    content="width=device-width, initial-scale=1"
  >

  <title>متا تگ چیست؟ معرفی مهم‌ترین متاتگ‌های سایت</title>

  <meta
    name="description"
    content="با مهم‌ترین متاتگ‌های سایت و کاربرد آن‌ها در سئو آشنا شوید."
  >

  <meta name="robots" content="index, follow">

  <link
    rel="canonical"
    href="https://example.com/what-is-meta-tag/"
  >

  <meta property="og:type" content="article">
  <meta property="og:title" content="متا تگ چیست؟">
  <meta
    property="og:description"
    content="معرفی مهم‌ترین متاتگ‌های سایت"
  >
  <meta
    property="og:url"
    content="https://example.com/what-is-meta-tag/"
  >
  <meta
    property="og:image"
    content="https://example.com/images/meta-tags.jpg"
  >

  <meta
    name="twitter:card"
    content="summary_large_image"
  >
</head>

این کد فقط یک الگوی اولیه است و باید آدرس‌ها، عنوان، توضیحات، تصویر و تنظیمات robots براساس هر صفحه تغییر کنند.

روش افزودن متاتگ در وردپرس

در وردپرس معمولاً می‌توان عنوان سئو، متا دیسکریپشن، canonical، robots و تنظیمات شبکه‌های اجتماعی را از طریق افزونه سئو مدیریت کرد. مراحل کلی عبارت‌اند از:

  1. وارد صفحه ویرایش نوشته یا برگه شوید.
  2. بخش تنظیمات افزونه سئو را باز کنید.
  3. عنوان سئو را وارد کنید.
  4. متا دیسکریپشن اختصاصی بنویسید.
  5. وضعیت ایندکس صفحه را بررسی کنید.
  6. canonical را فقط در صورت نیاز تغییر دهید.
  7. عنوان، توضیح و تصویر شبکه‌های اجتماعی را تنظیم کنید.
  8. صفحه را ذخیره و کد خروجی را بررسی کنید.

نباید هم‌زمان از چند افزونه برای تولید متاتگ‌های یکسان استفاده شود. تولید دو canonical یا چند متا robots متناقض می‌تواند موتور جست‌وجو را با سیگنال‌های ناهماهنگ روبه‌رو کند.

چگونه متاتگ‌های یک صفحه را مشاهده کنیم؟

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

  1. صفحه را در مرورگر باز کنید.
  2. روی صفحه کلیک راست کنید.
  3. گزینه View Page Source را انتخاب کنید.
  4. با جست‌وجوی عبارت <meta متاتگ‌ها را پیدا کنید.

در ابزار توسعه‌دهنده مرورگر نیز می‌توان بخش <head> را بررسی کرد. توجه داشته باشید که View Source پاسخ اولیه سرور را نمایش می‌دهد، اما پنل Elements ممکن است تغییرات ایجادشده با جاوااسکریپت را نیز نشان دهد.

گوگل توصیه می‌کند در صورت تولید یا تغییر متاتگ‌ها با JavaScript، پیاده‌سازی با دقت آزمایش شود؛ زیرا احتمال پردازش نادرست یا ایجاد خروجی‌های متناقض وجود دارد.

اشتباهات رایج در استفاده از متاتگ‌ها

اشتباهات رایج در استفاده از متاتگ‌ها

استفاده از متا دیسکریپشن تکراری

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

قراردادن noindex روی صفحات مهم

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

مسدودکردن صفحه noindex در robots.txt

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

تکرار چند متا robots متناقض

نمونه اشتباه:

<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, nofollow">

در این وضعیت، موتور جست‌وجو ممکن است دستور محدودکننده‌تر را اجرا کند.

نوشتن فهرست کلمات کلیدی در Description

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

استفاده از متا Keywords برای سئو

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

قراردادن URL نسبی در Open Graph

برای تصویر و URLهای Open Graph بهتر است از آدرس کامل استفاده شود:

<meta
  property="og:image"
  content="https://example.com/images/photo.jpg"
>

استفاده از تصویر اشتباه یا کم‌کیفیت

اگر تصویر Open Graph نامرتبط، کوچک یا مسدود باشد، لینک در شبکه‌های اجتماعی ظاهر مناسبی نخواهد داشت.

استفاده از Meta Refresh به‌جای ریدایرکت استاندارد

برای انتقال دائمی یا موقت صفحات، ریدایرکت سمت سرور معمولاً انتخاب مناسب‌تری است.

تولید متاتگ‌ها فقط با جاوااسکریپت

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

چک‌لیست بررسی متاتگ‌های سایت

برای هر صفحه مهم، موارد زیر را بررسی کنید:

  • تگ charset روی UTF-8 تنظیم شده باشد.
  • viewport استاندارد وجود داشته باشد.
  • صفحه title اختصاصی و مرتبط داشته باشد.
  • متا دیسکریپشن تکراری نباشد.
  • دستور ناخواسته noindex وجود نداشته باشد.
  • robots و googlebot با یکدیگر تضاد نداشته باشند.
  • canonical به URL درست اشاره کند.
  • تصویر Open Graph در دسترس باشد.
  • عنوان و توضیح شبکه‌های اجتماعی درست باشند.
  • بیش از یک افزونه متاتگ‌های مشابه تولید نکند.
  • صفحات آزمایشی و مدیریتی ایندکس نشده باشند.
  • صفحات خدمات، محصولات و مقاله‌های اصلی قابل ایندکس باشند.
  • ریدایرکت‌ها از طریق سرور اجرا شوند.
  • پس از تغییرات، صفحه در Search Console بررسی شود.
  • کد نهایی HTML، نه فقط تنظیمات پنل مدیریت، کنترل شود.

تأثیر متاتگ‌ها بر سئو چیست؟

تأثیر متاتگ‌ها بر سئو چیست؟

همه متاتگ‌ها عامل مستقیم رتبه‌بندی نیستند. تأثیر آن‌ها را می‌توان در سه گروه بررسی کرد:

تأثیر مستقیم بر دسترسی موتور جست‌وجو

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

تأثیر بر نمایش در نتایج

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

تأثیر بر تجربه کاربری و اشتراک‌گذاری

viewport، theme-color، Open Graph و Twitter Card به نمایش بهتر صفحه در موبایل و شبکه‌های اجتماعی کمک می‌کنند. نمایش حرفه‌ای لینک می‌تواند اعتماد، نرخ کلیک و میزان ورود کاربران را افزایش دهد.

سوالات متداول درباره متا تگ

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

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

آیا متا دیسکریپشن روی رتبه گوگل تأثیر مستقیم دارد؟

متا دیسکریپشن معمولاً به‌عنوان عامل مستقیم رتبه‌بندی استفاده نمی‌شود؛ اما می‌تواند با ارائه توضیح واضح‌تر، ظاهر نتیجه و احتمال کلیک کاربران را بهبود دهد.

آیا باید index و follow را در تمام صفحات بنویسیم؟

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

آیا استفاده از nofollow مانع ایندکس صفحه می‌شود؟

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

آیا می‌توان با robots.txt یک صفحه را از گوگل حذف کرد؟

robots.txt در اصل دسترسی خزنده را کنترل می‌کند و راه مطمئنی برای حذف URL از نتایج نیست. برای حذف صفحه باید وضعیت صفحه، noindex، ریدایرکت یا روش مناسب دیگری براساس شرایط انتخاب شود.

چرا گوگل متا دیسکریپشن نوشته‌شده را نمایش نمی‌دهد؟

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

آیا برای هر محصول باید متا دیسکریپشن جدا بنویسیم؟

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

آیا Open Graph روی رتبه گوگل تأثیر دارد؟

Open Graph عمدتاً برای کنترل پیش‌نمایش لینک در شبکه‌های اجتماعی است و عامل مستقیم رتبه‌بندی گوگل محسوب نمی‌شود؛ اما نمایش بهتر لینک می‌تواند باعث افزایش بازدید و تعامل شود.

آیا Title همان H1 است؟

خیر. <title> عنوانی است که در تب مرورگر و معمولاً نتیجه جست‌وجو استفاده می‌شود، اما H1 عنوان اصلی داخل محتوای صفحه است. این دو می‌توانند مشابه باشند، ولی نقش یکسانی ندارند.

جمع‌بندی

متا تگ‌ها اطلاعاتی را درباره صفحات سایت در اختیار مرورگرها، موتورهای جست‌وجو و شبکه‌های اجتماعی قرار می‌دهند. متاتگ‌هایی مانند charset و viewport برای نمایش صحیح صفحه ضروری هستند؛ متا دیسکریپشن می‌تواند ظاهر نتیجه و نرخ کلیک را بهتر کند؛ robots نحوه ایندکس و نمایش صفحه را کنترل می‌کند و Open Graph پیش‌نمایش لینک در شبکه‌های اجتماعی را شکل می‌دهد.

در کنار این موارد باید به عناصر مهمی مانند title، canonical، hreflang و داده‌های ساختاریافته نیز توجه کرد؛ هرچند همه آن‌ها از نظر فنی متا تگ نیستند. مهم‌ترین اصل این است که برای هر صفحه، متاتگ‌های مرتبط، منحصربه‌فرد و هماهنگ با محتوای واقعی آن تعریف شوند.

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مقالات مرتبط

آشنایی با مفهوم Subdomain و تأثیر ساب دامین در سئو

آشنایی با مفهوم Subdomain و تأثیر ساب دامین در سئو

ساب دامین یا زیردامنه یکی از روش‌های متداول برای تقسیم یک وب‌سایت به بخش‌های مستقل...
ارور 500 چیست؟ دلایل ایجاد و روش‌های رفع خطای 500

ارور 500 چیست؟ دلایل ایجاد و روش‌های رفع خطای 500

ارور 500 یا Internal Server Error یکی از خطاهای سمت سرور است که نشان می‌دهد...
ارور 404 چیست؟ دلایل ایجاد و روش‌های رفع خطای 404

ارور 404 چیست؟ دلایل ایجاد و روش‌های رفع خطای 404

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

فایل .htaccess چیست و چه کاربردهایی دارد؟

فایل .htaccess یکی از فایل‌های مهم پیکربندی در بسیاری از وب‌سایت‌هاست که می‌تواند نحوه پاسخ‌گویی...
لوگو
آژانس تبلیغات آرتا
جهت تماس با کارشناسان فرم زیر را تکمیل بفرمایید.

"*"فیلدهای ضروری را نشان می دهد

این فیلد برای هدف اعتبار سنجی است و باید بدون تغییر باقی بماند .