معرفی 9 متا تگ مهم در سئو

متاتگ - کدنگار

معرفی9  متا تگ مهم SEO

 

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

آیا  Meta Tag برای سئو اهمیت دارد؟

جواب این سوال بله است اما به شرطه ها و شروطه ها !!!  این بله بدین معنا نیست که هر تگی در هر زمانی تاثیر مثبت بر سئو دارد. یکی از مهمترین دلایل این مطالعه و تحقیق بررسی همین موضوع است که طبق آخرین بررسی ها کدام  Meta Tagها به رنکینگ و سئو  سایت ما کمک می کند و کدام یک دیگر اثربخشی خود را از دست داده اند.

چگونه  Meta Tag  یک سایت را ببینیم؟

از آنجا که این تگ ها بخشی از کدنویسی هستند، بجز دو مورد  Title Tag  و Meta    Description  که در نتایج  SERP قابل مشاهده هستند، مابقی را در سایت مشاهده نمی کنید و باید برای دیدن متا تگ های یک صفحه به کد آن مراجع کنید. برای اینکار دو روش وجود دارد: یکی در هر جای صفحه راست کلیک کرده و گزینه  view page source را زده که در صفحه باز شده تمامی کدها را مشاهده کرده و در قسمت  Head  می توانید تمامی  Meta Tag  های آن صفحه را ببینید. همچنین با زدن  Ctrl+U  نیز می توانید  Source  راببینید.

در زیر به معرفی مهمترین Meta Tag  ها می پردازیم:

1.   Meta Title or Title Tag

 

Title tags are the second most important on-page factor for SEO, after content. – Source: MOZ

You cannot add more than one <title> element in your web page.  – Source: w3schools

 

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

این تگ در قسمت <Head>  و بصورت زیر آورده می شود:

<head>

<title>This is Title Sample</title>

</head>

meta tags

 

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

Meta Title- تگ تایتل

نکات مهم برای نوشتن  Title tag  گوگل پسند

  • Title Tag  خود را با کلمه کلیدی اصلی خود آغاز کنید.
  • طول این عنوان می باستی بین 50-60 باشد، اگر بیشتر باشد ممکن است بخشی از آن نمایش داده نشود یا با عبارت دیگری از خود مقاله به انتخاب گوگل جایگزین شود.
  • از  Keyword Stuffing  خودداری کنید که خیلی کار خزی است و گوگل سالهاست که با الگوریتم های خود با این حرکت مبازره می کند.
  • برای هر صفحه خود یک  title tag  منحصر بفرد و مرتبط با همان صفحه بنویسید.
  • از اعداد برای جذابیت و کلیک بیشتر در عنوان خود استفاده کنید.
  • از  Modifier هایی مثل چگونه، بهترین، مرور، نکته، خرید، آسانترین، سال و ... استفاده کنید.
  • از نام برند خود استفاده کنید.

 

2. Meta Description   

 

metap-description

این توضیحات که خلاصه ای از محتوای صفحه است در نتایج  SERP در زیر  Title Tag آورده می شود. اگر چه در هیچ منبعی استفاده از Meta Tag  را بعنوان عاملی در رنک دهی گوگل مطرح نشده است اما از آنجا که این قسمت در  SERP بخش ویژه و نسبتا بزرگی را به خود اختصاص داده است می تواند در نرخ کلیک بسیار موثر باشد و اگر به درستی خلاصه ای از محتوا را نشان دهد می تواند نرخ پرش را نیز کاهش دهد. تعداد کاراکترهای مناسب در دسکتاپ بین 160-300 و در نسخه موبایل حدود 130 می باشد. برای نوشتن توضیحات متا در کد  HTML به صورت زیر اقدام می کنیم:

<head>
<meta name=”description” content=”This is a meta description sample. We can add up to 160 characters.”>

</head>

نکات کلیدی در نوشتن  Meta Tag  

  • از محتوای  Duplicate  در توضیحات متا استفاده نکنید.
  • از کلمات کلیدی هدف در توضیحات استفاده کنید.
  • برای کاربر بنویسید، محتوای مرتبط و شفاف در پاسخ به سرچ او بنویسید تا ترغیب شود کلیک کند.
  • از  CTA  هایی مانند یاد بگیرید، دستور العمل، خرید، امروز اقدام کنید، چک کنید و.. استفاده کنید.

اگر از وردپرس استفاده می کنید با استفاده از افزونه  Yoast  می توانید این دو تگ را به صفحه خود اضافه کنید.

افزونه Yoast برای نوشتن تایتل و دیسکریپن در وردپرس

 

3. Canonical Tag

 تگ کنونیکال زمانی استفاده می شود که محتوای یک  URL  در سایتتان با  Url  های دیگرتان یکسان است و با اجرای این کد و نوشتن این تگ به موتورهای جستجو می گویید که کدام  URL  صفحه اصلی شماست تا  URl  های  Duplicateدیگر در سایت شما را  ایندکس نکند و در نتایج تنها محتوای اصلی و هدف را نشان دهد. از این گذشته اگر از این تگ برای صفحات تکراری خود استفاده نکنید گوگل خیال می کند که شما با کپی پیست محتواها می خواهید شانس خود را در بالابردن رتبه امتحان کنید که حقیقت این نبوده است و با استفاده از این تگ می توانید از این امر جلوگیری کنید.

کد به این صورت است:

<link rel=”canonical” href=”http://example.com/” />

موارد استفاده

  • Multipile URL
  • Session ID URLs
  • Mobile URL

 

4. Meta Content Type (Meta Charset )

این تگ نوع محتوا و تنظیمات کاراکترهای صفحات شما را مشخص می کند. کاری که این تگ انجام می دهد اینست که به هر براوزری این امکان را می دهد که صفحه را با بهترین و مناسب ترین نمایش ممکن ببیند و همه کاراکترها آنطور که باید نمایش داده شوند. صدها نوع تنظیمات کاراکتر وجود دارد ولی UTF-8  از همه رایجتر است. این المان دارای دو ورژن کوتاه و بلند به شکل زیر است :

<meta charset="utf-8">

<meta http-equiv="content-type" content="text/html; charset=utf-8">

 

استفاده از کدهای کاراکتری نادرست سبب می شود بعضی کاراکترها به درستی نمایش داده نشوند (مانند شکل زیر).

meta-charset

 

که این سبب می شود که گوگل متوجه محتوای شما نشود و همچنین تجربه کاربری خوبی از سایت شما بوجود نیاید، نرخ پرش بالا رفته،  Time on Page  نیز پایین آمده و هیچکس به دلیل عدم نمایش درست مطالب به سایت شما لینک نمی دهد.

 

 

5. Alternative Text Tag (ALT)

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

<img src=”http://example.com/xyz.jpg” alt=”xyz” />

نکات مهم برای نوشتن تگ ALT

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

 

6. Robots Meta Tag

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

 

:The Robots Meta tag syntax

<meta name=”robots” content=”noindex, nofollow”> – Means not to index or not to follow this web page.

<meta name=”robots” content=”index, follow”> – Means index and follow this web page.

Robots Meta Tag 4 مقدار اصلی برای کراولرهای موتور جستجو به شرح زیر دارد:

  • Follow : کراولرهای موتور جستجو تمام لینک های آن صفحه را دنبال می کنند.
  • Index : کراولرهای موتور جستجو آن صفحه را بطور کامل ایندکس می کنند.
  • Nofollow : کراولرهای موتور جستجو آن صفحه و لینک های آن را دنبال نمی کنند.
  • Noindex : کراولرهای موتور جستجو آن صفحه را ایندکس نمی کنند.

 

7. Social Media Meta Tags (Open Graph and Twitter Cards)

این تگ ها که به OG نیز شهرت دارند، باعث سینک شدن شبکه های اجتماعی با هم می شود. این تگ سبب می شود که به راحتی بتوانید وبسایتتان را با سایر شبکه ها نظیر فیسبوک، لینکدین، توئیتر و .... مرتبط کنید و به اشتراک بگذارید. نمونه ای از کد این تگ بصورت زیر است:

<meta property="og:type" content="article" />

<meta property="og:title" content="TITLE OF YOUR POST OR PAGE" />

<meta property="og:description" content="DESCRIPTION OF PAGE CONTENT" />

<meta property="og:image" content="LINK TO THE IMAGE FILE" />

<meta property="og:url" content="PERMALINK" />

<meta property="og:site_name" content="SITE NAME" />

برای توئیتر بصورت جداگانه این کد نوشته می شود:

<meta name="twitter:title" content="TITLE OF POST OR PAGE">

<meta name="twitter:description" content="DESCRIPTION OF PAGE CONTENT">

<meta name="twitter:image" content="LINK TO IMAGE">

<meta name="twitter:site" content="@USERNAME">

<meta name="twitter:creator" content="@USERNAME">

8. Header Tags

تگ های هدینگ که شامل H1, H2, H3, H4, H5, H6  می باشد برای ایجاد  تیترها و زیرتیترها در صفحه و تغییرات سایز فونت بنا بر درجه اهمیت آن تیتر یا مطلب است.  H1 مهم ترین و اصلی ترین تگ یک صفحه است که نشان می دهد آن صفحه درباره چه موضوعی است.  H2  تا H6  تگ های اختیاری برای مسیریابی و سهولت در یافتن ساختار محتوا می باشند. استفاده از این تگ ها در محتوا به user- friendly بودن صفحه و افزایش رتبه کمک می کند. دقت کنید که هر صفحه تنها یک تگ  H1 آن هم بصورت یونیک داشته باشد که در آن از کلمه کلیدی استفاده شده باشد. همچنین دقت کنید که در استفاده از کلمات کلیدی در هدینگ ها زیاده روی نکنید، توجه کنید که محتوا باید برای کاربر خوانایی داشته باشد نه تنها گوگل پسند باشد که خوشبختانه گوگل در سالهای اخیر با الگوریتم های خود بیشتر رضایت کاربر را مد نظر قرار می دهد.

9. Meta Viewport

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

viewport

این تگ بصورت زیر به کد شما اضافه می شود:

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

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

نتیجه گیری

استفاده به جا و درست از Meta Tag ها در بهبود سئوی On-Page و گرفتن رتبه های عالی نقش بسزایی دارد. استفاده از این تگ ها به موتورهای جستجو در فهم بهتر محتوای سایت شما و نشان دادن مناسب ترین و مرتبط ترین نتیجه به کاربر و همچنین تجربه کاربری بهتر کمک می کند. لذا به اضافه کردن Meta Tag  های ضروری مانند  Title Tag، Meta Description، AlT،  Social Media Meta Tag، Meta Viewport و ... به صفحات خود دقت کنید تا خود را در صدر نتایج مشاهده کنید.

 

اشتراک گذاری: