تگ‌های متا (Meta Tags) در سئو

تگ‌های متا (Meta Tags) بخشی از کدهای HTML هستند که اطلاعاتی درباره صفحه وب در اختیار مرورگرها و موتورهای جستجو قرار می‌دهند. بعضی از این تگ‌ها برای توضیح محتوای صفحه، برخی برای کنترل وضعیت ایندکس و تعدادی دیگر برای مدیریت نحوه نمایش محتوا در نتایج جستجو استفاده می‌شوند.تنظیم صحیح متاتگ‌ها یکی از بخش‌های مهم سئوی داخلی است؛ اما همه تگ‌های متا تأثیر یکسانی ندارند. برای مثال، توضیحات متا می‌تواند در معرفی صفحه به کاربران کمک کند، درحالی‌که تگ robots برای کنترل نمایش صفحه در نتایج جستجو کاربرد دارد.

در این راهنما از سئو استاد، مهم‌ترین متاتگ‌های HTML، نحوه استفاده از آن‌ها و اشتباهاتی را بررسی می‌کنیم که ممکن است به سئوی سایت آسیب بزنند.

تگ متا چیست و کجا قرار می‌گیرد؟

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

برای مثال، کد زیر توضیحات متای یک صفحه را تعریف می‌کند:

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

در این نمونه، مقدار name="description" نوع اطلاعات را مشخص می‌کند و مقدار content متن توضیحات صفحه را در خود دارد.

در سایت‌های وردپرسی معمولاً لازم نیست این کدها را برای هر صفحه مستقیماً وارد HTML کنید. افزونه‌های سئو مانند Yoast SEO و Rank Math می‌توانند بسیاری از آن‌ها را از طریق تنظیمات صفحه تولید یا مدیریت کنند.

تفاوت تگ متا با تگ عنوان (Title Tag)

تگ عنوان و تگ‌های متا اغلب در کنار هم برای بهینه‌سازی بخش ابتدایی سند HTML بررسی می‌شوند؛ اما از نظر فنی یکسان نیستند. تگ <title> عنوان سند را مشخص می‌کند و تگ متا با استفاده از عنصر <meta> اطلاعات تکمیلی را ارائه می‌دهد.

نمونه ساختار ساده بخش head یک صفحه:

<head>
  <title>آموزش سئو تکنیکال | سئو استاد</title>
  <meta name="description" content="با اصول سئو تکنیکال و بهینه‌سازی فنی سایت آشنا شوید.">
  <meta name="robots" content="index, follow">
</head>

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

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

۱. تگ توضیحات متا (Meta Description)

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

<meta name="description" content="با اصول تحقیق کلمات کلیدی، انتخاب عبارت‌های مناسب و بهینه‌سازی محتوا برای گوگل آشنا شوید.">

برای نوشتن توضیحات متای مناسب:

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

توضیحات متا عامل مستقیم رتبه‌بندی گوگل نیست، اما می‌تواند در معرفی نتیجه به کاربران مؤثر باشد. همچنین هیچ محدودیت قطعی برای طول آن وجود ندارد؛ نمایش متن به شرایط جستجو و دستگاه کاربر بستگی دارد.

۲. تگ Robots؛ کنترل ایندکس و نمایش صفحه

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

یک نمونه متداول از این تگ:

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

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

اگر بخواهید صفحه محدودیت خاصی برای ایندکس نداشته باشد، معمولاً نیازی به افزودن صریح index, follow نیست؛ زیرا این حالت پیش‌فرض است.

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

۳. تگ Googlebot

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

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

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

۴. تگ رمزگذاری کاراکترها (Charset)

تگ charset مجموعه کاراکترهای مورد استفاده در سند HTML را مشخص می‌کند. برای صفحات وب امروزی، UTF-۸ انتخاب رایجی است که امکان نمایش صحیح حروف فارسی و بسیاری از زبان‌های دیگر را فراهم می‌کند.

<meta charset="UTF-8">

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

۵. تگ Viewport؛ نمایش مناسب در موبایل

تگ viewport به مرورگر می‌گوید صفحه را متناسب با ابعاد نمایشگر دستگاه تنظیم کند. این تگ در طراحی واکنش‌گرا (Responsive Design) کاربرد دارد.

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

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

۶. تگ Google Site Verification

این متاتگ یکی از روش‌های تأیید مالکیت سایت در برخی ابزارهای گوگل، مانند Search Console، است.

<meta name="google-site-verification" content="کد-تأیید-شما">

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

متاتگ‌های Open Graph و شبکه‌های اجتماعی

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

برای مثال:

<meta property="og:title" content="راهنمای کامل سئو تکنیکال">
<meta property="og:description" content="با اصول مهم بهینه‌سازی فنی سایت آشنا شوید.">
<meta property="og:image" content="https://example.com/seo-guide.jpg">
<meta property="og:url" content="https://example.com/seo-guide/">

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

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

تگ Meta Keywords چیست؟ آیا هنوز کاربرد دارد؟

تگ Meta Keywords در گذشته برای معرفی کلمات کلیدی صفحه استفاده می‌شد. شکل ظاهری آن به این صورت است:

<meta name="keywords" content="سئو، متاتگ، سئو داخلی">

اما گوگل صراحتاً اعلام کرده است که meta keywords در جستجوی گوگل استفاده نمی‌شود و هیچ تأثیری بر ایندکس یا رتبه‌بندی صفحات ندارد.

تفاوت Meta Robots با فایل Robots.txt چیست؟

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

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

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

تگ canonical از نظر فنی یک عنصر لینک HTML است، نه یک متاتگ. بااین‌حال، چون در سئو داخلی و مدیریت URLهای مشابه اهمیت دارد، معمولاً در کنار متاتگ‌ها بررسی می‌شود.

<link rel="canonical" href="https://example.com/seo-guide/">

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

برای آشنایی با نحوه تنظیم و کاربرد آن، مقاله راهنمای تگ canonical در سئو را بخوانید.

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

در وردپرس معمولاً نیازی نیست هر متاتگ را دستی در کد قالب وارد کنید. افزونه‌های سئو امکان مدیریت بسیاری از این تنظیمات را از داخل پیشخوان فراهم می‌کنند.

برای مثال، با کمک افزونه‌هایی مانند Yoast SEO می‌توانید عنوان سئو و توضیحات متا را تعریف کنید، وضعیت ایندکس صفحه را مدیریت کنید و برخی خروجی‌های ساختاریافته را تنظیم کنید.

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

1. افزونه سئوی اصلی سایت را انتخاب و تنظیمات آن را بررسی کنید.
2. برای هر صفحه مهم، عنوان سئو و توضیحات متای مرتبط بنویسید.
3. وضعیت ایندکس صفحات را بر اساس هدف آن‌ها بررسی کنید.
4. پس از انتشار، سورس HTML صفحه را بررسی کنید تا خروجی‌ها به‌درستی تولید شده باشند.
5. از نصب هم‌زمان افزونه‌هایی که متاتگ‌های مشابه و متناقض تولید می‌کنند، خودداری کنید.

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

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

جمع بندی:

تگ‌های متا بخشی از ساختار HTML صفحات هستند که به معرفی محتوا و مدیریت برخی تنظیمات مرتبط با موتورهای جستجو کمک می‌کنند. متاتگ description می‌تواند در نمایش توضیح نتیجه جستجو مؤثر باشد، robots برای مدیریت ایندکس و نمایش صفحه کاربرد دارد و تگ‌هایی مانند charset و viewport نیز نقش مهمی در رفتار مرورگر دارند.

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