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

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

شناخت تگ‌های meta برای افرادی که به‌تازگی سئو را شروع کرده‌اند اهمیت زیادی دارد؛ زیرا برخی از آن‌ها مانند Meta Description و Meta Robots در مدیریت حضور صفحه در نتایج جستجو کاربرد دارند، در حالی که برخی تگ‌های قدیمی مانند Meta Keywords دیگر توسط گوگل برای رتبه‌بندی استفاده نمی‌شوند. در این راهنما با مفهوم تگ‌های meta، محل قرارگیری آن‌ها، انواع مهم و روش استفاده صحیح از آن‌ها آشنا می‌شویم.

تگ‌های meta چیست؟

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

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

در این نمونه، name نوع اطلاعات را مشخص می‌کند و مقدار content محتوای مربوط به آن را در اختیار مرورگر یا موتور جستجو قرار می‌دهد. به‌طور کلی می‌توان گفت تگ‌های meta نوعی فراداده یا Metadata هستند؛ یعنی اطلاعاتی درباره اطلاعات موجود در صفحه.

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

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

تگ‌های meta معمولاً در بخش <head> صفحه HTML قرار می‌گیرند. بخش <head> شامل اطلاعات و تنظیماتی است که برای پردازش صفحه توسط مرورگر و سرویس‌های مختلف مورد نیاز است. گوگل نیز تگ‌های meta پشتیبانی‌شده را در همین بخش از سند HTML توضیح می‌دهد. یک ساختار ساده HTML می‌تواند به شکل زیر باشد:

<!DOCTYPE html>

<html>

<head>

    <meta charset=”UTF-8″>

    <meta name=”description” content=”توضیحات صفحه”>

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

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

    <title>عنوان صفحه</title>

</head>

<body>

    محتوای صفحه

</body>

</html>

نکته مهم این است که هر چیزی در بخش <head> لزوماً تگ meta نیست. برای مثال، عنصر <title> در همین بخش قرار دارد، اما از نظر HTML یک عنصر مستقل محسوب می‌شود.

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

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

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

البته همه تگ‌های meta اهمیت یکسانی ندارند و استفاده از هر تگی باید بر اساس نیاز واقعی سایت انجام شود. گوگل نیز اعلام کرده است که برخی Meta Tagها را پشتیبانی نمی‌کند و در این موارد آن‌ها را نادیده می‌گیرد.

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

در ادامه با مهم‌ترین تگ‌های meta و کاربرد هرکدام آشنا می‌شویم.

Meta Description چیست؟

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

<meta name=”description” content=”در این راهنما با تگ‌های meta، کاربرد آن‌ها و نحوه استفاده صحیح از آن‌ها در سئو آشنا شوید.”>

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

بهترین روش نوشتن Meta Description

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

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

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

Meta Robots چیست؟

تگ Meta Robots برای کنترل برخی رفتارهای موتورهای جستجو در سطح یک صفحه استفاده می‌شود. برای مثال می‌توان مشخص کرد صفحه در نتایج جستجو ایندکس نشود یا برخی دستورالعمل‌های مربوط به لینک‌های آن اعمال شود. نمونه ساده:

<meta name=”robots” content=”noindex”>

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

index

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

noindex

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

follow

به خزنده‌ها اجازه می‌دهد لینک‌های موجود در صفحه را دنبال کنند.

nofollow

دستورالعملی برای دنبال نکردن لینک‌های صفحه ارائه می‌کند.

برای مثال:

<meta name=”robots” content=”noindex, nofollow”>

یا:

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

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

آیا باید noindex را با robots.txt ترکیب کرد؟

یکی از نکات مهم این است که صفحه‌ای را که برای آن از noindex استفاده کرده‌اید، نباید در robots.txt به‌گونه‌ای مسدود کنید که گوگل نتواند صفحه و تگ noindex را ببیند. در غیر این صورت، موتور جستجو ممکن است نتواند دستور موردنظر شما را پردازش کند.

Meta Viewport چیست؟

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

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

در این کد:

width=device-width باعث می‌شود عرض صفحه با عرض دستگاه هماهنگ شود. initial-scale=1.0 مقیاس اولیه نمایش صفحه را مشخص می‌کند. این تگ به‌خصوص برای تجربه کاربری در موبایل اهمیت دارد، اما به‌تنهایی یک وب‌سایت را کاملاً واکنش‌گرا نمی‌کند. برای نمایش مناسب محتوا در اندازه‌های مختلف صفحه، ساختار CSS و طراحی Responsive نیز باید درست پیاده‌سازی شده باشد.

در بیشتر سیستم‌های مدیریت محتوا و قالب‌های مدرن، تگ viewport به‌صورت خودکار قرار می‌گیرد؛ با این حال بررسی وجود آن در پروژه‌های اختصاصی HTML یا قالب‌های سفارشی مفید است.

Meta Charset چیست؟

تگ meta charset نوع کدگذاری کاراکترهای صفحه را مشخص می‌کند. نمونه رایج: <meta charset=”UTF-8″>

UTF-8 یکی از رایج‌ترین روش‌های کدگذاری متن در وب است و امکان نمایش صحیح طیف گسترده‌ای از کاراکترها، از جمله حروف فارسی را فراهم می‌کند. استفاده از کدگذاری صحیح مهم است؛ زیرا تنظیمات نادرست می‌تواند باعث نمایش حروف و نمادها به شکل نامفهوم یا خراب در مرورگر شود. برای بیشتر صفحات HTML5، استفاده از این ساختار ساده کافی است: <meta charset=”UTF-8″>

Meta Refresh چیست؟

Meta Refresh می‌تواند مرورگر را پس از مدت‌زمان مشخصی به URL دیگری هدایت کند. برای مثال:

<meta http-equiv=”refresh” content=”5;url=https://example.com/”>

در این نمونه، مرورگر پس از ۵ ثانیه کاربر را به آدرس مشخص‌شده منتقل می‌کند. از نظر سئو و مدیریت آدرس‌های سایت، استفاده از Meta Refresh معمولاً گزینه مناسبی برای جایگزینی URL نیست. در شرایطی که به انتقال یک صفحه نیاز دارید، بهتر است از روش مناسب Redirect در سمت سرور استفاده شود؛ برای مثال در بسیاری از سناریوهای دائمی، 301 Redirect انتخاب رایج‌تری است.

آیا Meta Keywords هنوز کاربرد دارد؟

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

نمونه این تگ:

<meta name=”keywords” content=”سئو, طراحی سایت, تگ‌های meta”>

اما گوگل صراحتاً اعلام کرده است که Meta Keywords را برای ایندکس‌گذاری و رتبه‌بندی استفاده نمی‌کند. بنابراین پر کردن این تگ با فهرستی از کلمات کلیدی، مزیتی برای رتبه گرفتن در گوگل ایجاد نمی‌کند. همچنین قرار دادن تعداد زیادی کلمه کلیدی به شکل غیرطبیعی در صفحات می‌تواند با اصول مبارزه با Keyword Stuffing در تضاد باشد. گوگل Keyword Stuffing را از جمله روش‌های اسپم می‌داند.

در نتیجه، برای سئوی امروزی بهتر است به جای تمرکز روی Meta Keywords، روی محتوای مفید، ساختار مناسب صفحه و استفاده طبیعی از عبارات مرتبط تمرکز کنید. گوگل در راهنمای Search Essentials نیز بر محتوای انسان‌ محور مفید و استفاده طبیعی از واژه‌هایی که کاربران برای جستجو به کار می‌برند تأکید دارد.

تگ Title و ارتباط آن با تگ‌های meta

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

نمونه:

<title>تگ‌های meta در سئو | راهنمای مبتدیان</title>

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

ویژگی‌های یک Title مناسب

برای نوشتن عنوان صفحه بهتر است:

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

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

تگ‌های Open Graph چه ارتباطی با سئو دارند؟

Open Graph یا OG مجموعه‌ای از متادیتا هاست که عمدتاً برای کنترل نحوه نمایش لینک یک صفحه هنگام اشتراک‌گذاری در شبکه‌های اجتماعی استفاده می‌شود. نمونه‌هایی از آن عبارت‌اند از:

<meta property=”og:title” content=”تگ‌های meta در سئو”>

<meta property=”og:description” content=”راهنمای استفاده از تگ‌های meta برای مبتدیان”>

<meta property=”og:url” content=”https://example.com/meta-tags/”>

<meta property=”og:image” content=”https://example.com/image.jpg”>

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

کدام تگ‌های meta برای یک سایت معمولی ضروری‌تر هستند؟

برای بیشتر وب‌سایت‌های امروزی، نیازی نیست تعداد زیادی Meta Tag مختلف در صفحات قرار دهید. مواردی که معمولاً باید بررسی شوند عبارت‌اند از:

گوگل همچنین مجموعه مشخصی از Meta Tagها و ویژگی‌هایی را که پشتیبانی می‌کند مستند کرده است و می‌گوید Meta Tagهایی که از آن‌ها پشتیبانی نمی‌کند، نادیده گرفته می‌شوند.

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

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

استفاده از Meta Keywords برای افزایش رتبه

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

قرار دادن اشتباه noindex

استفاده ناخواسته از:

<meta name=”robots” content=”noindex”>

می‌تواند مانع حضور صفحه در نتایج جستجو شود. بنابراین پیش از قرار دادن آن باید مطمئن شوید که صفحه واقعاً نباید ایندکس شود.

مسدود کردن صفحه در robots.txt و انتظار پردازش noindex

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

نوشتن توضیحات متای تکراری

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

استفاده بیش از حد از کلمات کلیدی

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

چگونه تگ‌های meta سایت را بررسی کنیم؟

برای بررسی تگ‌های meta یک صفحه می‌توانید کد HTML آن را مشاهده کنید. در مرورگر معمولاً با انتخاب گزینه View Page Source یا استفاده از ابزارهای توسعه‌دهندگان می‌توان بخش <head> را بررسی کرد.

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

Google Search Console نیز برای بررسی وضعیت ایندکس صفحات و شناسایی مشکلات مرتبط با حضور URLها در نتایج جستجو ابزار مهمی است. همچنین گوگل پیشنهاد می‌کند برای بررسی Meta Tagهای صفحات می‌توان از URL Inspection Tool استفاده کرد.

آیا تگ‌های meta هنوز برای سئو مهم هستند؟

پاسخ این سؤال به نوع تگ بستگی دارد. همه تگ‌های meta نقش یکسانی در سئو ندارند. برای مثال، Meta Keywords برای Google Search کاربردی در رتبه‌بندی ندارد، اما Meta Robots می‌تواند در کنترل ایندکس شدن صفحات نقش داشته باشد. Meta Description نیز عامل مستقیم رتبه‌بندی نیست، اما می‌تواند به معرفی صفحه در نتایج جستجو کمک کند.

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

ظاهر شدن برند در نتایج هوش مصنوعی نیز می تواند از دیگر مزایای بکارگیری تگ های متا باشد.

جمع‌بندی

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

برای یک سایت معمولی، توجه به Meta Description، Meta Robots، Meta Viewport و Meta Charset اهمیت بیشتری دارد. در کنار آن‌ها، بهتر است Title و در صورت نیاز Open Graph نیز به شکل صحیح مدیریت شوند.

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

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

غزاله انیشه