متا تگ های سئو از ابتدایی ترین مباحث در بحث سئو هستند و می توانند تاثیر مستقیم هم خوب هم بد روی سئوی سایت شما بگذارند.

برچسب ها کدهای html هستند که در ابتدای کدنویسی صفحات به کار برده می شوند. فکر میکنم بد نباشد در این مقاله به بررسی و معرفی متا تگ های html در سئو بپردازیم.

اگر بخواهید ببینید صفحات شما دارای متاتگ های معرفی شده در این مقاله هستند به یکی از صفحات سایت خودتان بروید و کلیک راست کرده و گزینه view page source را بزنید و کلمه meta را جستجو کنید تا تگ های صفحه خود را ببینید.

انواع متا تگ:

تگ های مهم :

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

 

متا تگ های html در سئو

متاتگ نوع محتوا:

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

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

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

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<meta http-equiv=”Content-Type” content=”text/html; charset=unicode”>

متا تگ عنوان:

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

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

<title>Example Title</title>

 

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

متا تگ توضیحات:

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

تگ توضیحات در رتبه بندی تاثیری ندارد اما می تواند به جذب مخاطبان از طریق نتایج جستجو برای ورود به وبسایت ما می تواند تاثیر بسزایی داشته باشد.

حداکثر طول آن برای نمایش در نتایج جستجو ۱۴۰ حرف می باشد زیرا بیشتر از این مقدار در نتایج نشان داده نمی شود.

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

 

<meta name = “description” content = “توضیحات متا ” />

متا تگ viewport :

استفاده از این تگ می تواند یک تجربه ی خوب برای کاربران موبایلی شما باشد

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

و نداشتن این متا می تواند حس بدی را به کاربر انتقال دهد.
مثال:

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

 

تگ hreflang:

این تگ برای گوگل بسیار حائز اهمیت است و برای سایتهای چند زبانه استفاده می شود.

اگر سایت تک زبانه هم دارید داشتن این تگ خالی از لطف نیست.

مثال:

فرض کنید سایتی چند زبانه دارید با داشتن این تگ به گوگل می گویید

سایت در نسخه انگلیسی را به کاربران انگلیسی و فارسی را به کاربران فارسی نشان بده

<link rel=”alternate” href=”http://example.com/” hreflang=”en” />

متاتگ open graph:

این متاتگ نوعی پروتکل است که به راحتی می توانید اطلاعات بیشتری  را در قالب ایتم ها ( rich snppet) به شبکه های اجتماعی ارائه دهید و بهتر نمایش داده شود.

نمی توان گفت که این متا تگ در سئو تاثیری ندارد اما تاثیر آن کم است.بیشتر برای نوع نمایش مطالب اشتراک گذاشته ما در شبکه های اجتماعی است.

به نوعی به ساختار پست های اشتراک گذاری رنگ و لعاب می دهد.

در این متاتگ html  ۳ نوع خاصیت اصلی عنوان،توضیحات و URL قرار گرفته است.

این تگ از اهمیت خاصی پیدا کرده است که شبکه های اجتماعی مانند فیسبوک و توییتر تگ جدا برای خود دارند

در زیر بخشی از کد open graph برای فیسبوک و توییتر را مشاهده می کنید:

<!– Open Graph / Facebook –>

<meta property=”og:type” content=”website”>

<meta property=”og:url” content=”https://metatags.io/”>

<meta property=”og:title” content=”Meta Tags — Preview, Edit and Generate”>

<meta property=”og:description” content=”With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!”>

<meta property=”og:image” content=”image address”>

 

حتما بخوانید
نقشه سایت(sitemap) چیست؟ چگونه سایت مپ بسازیم

<!– Twitter –>

<meta property=”twitter:card” content=”summary_large_image”>
<meta property=”twitter:url” content=”url address”>
<meta property=”twitter:title” content=”Meta Tags — Preview, Edit and Generate”>
<meta property=”twitter:description” content=”With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!”>
<meta property=”twitter:image” content=”image address”>

 

 

 

متاتگهای سئو

متا تگ های کم اهمیت:

بسیاری از سایت ها در شرایط خاص از این برچسب ها استفاده می کنند و استفاده از آنها به طور ۱۰۰ درصد توصیه یا اجبار نشده است.

ولی این امکان وجود دارد که نزد موتورهای جستجو محبوبیت پیدا کنید و رتبه های شما را بهتر کنند.

متا تگ robots :

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

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

این تنها اگر شما می خواهید به تغییر یکی از این دو دستور که شما نیاز به اضافه کردن متا روبات دارید.

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

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

 

حتما بخوانید
۲۰ دلیل برای اینکه ترافیک سایت و رتبه بندی جستجوی شما کاهش می یابد

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

تگ زبان(language) :

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

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

مثال:

<html lang=”en”> …</html>

متا تگ موقعیت جغرافیایی :

آخرین اطلاعاتی در مورد این برچسب html شنیده شده، این تگ ها توسط موتور جستجوی بینگ حمایت می شوند نه گوگل.

این تگ شامل ۳ بخش نام جغرافیایی، موقعیت و منطقه می شود.

مثال :

<META NAME=”geo.position” CONTENT=”latitude; longitude”>

 

<META NAME=”geo.placename” CONTENT=”Place Name”>

 

<META NAME=”geo.region” CONTENT=”Country Subdivision Code”>

 

تگ کلمات کلیدی :

این تگ زمانی برای موتورهای جستجویی مانند گوگل بسیار مهم بود ولی الان دیگه مهم نیست.

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

متا تگ Refresh :

این برچسب برای تغییر مسیر صفحات است و نباید از آن استفاده شود و شما برای تغییر مسیر صفحه ی خود باید از روش ۳۰۱ سمت سرور استفاده کنید.

مثال:

meta http-equiv=”refresh” content=”…;url=…” />

متا تگ تایید سایت:

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

کد html مخصوص به آنها را در داخل صفحه ی مورد نظر خود قرار دهید.

 

حتما بخوانید
بهینه سازی سایت چیست؟

متا تگ های بی اهمیت :

این متا کدها هیچ گونه تاثیر بدی را برای وب سایت شما ندارند فقط می تواند اتلاف فضا برای شما داشته باشند و سرعت سایت شما را کاهش دهند.

تگ نویسنده :

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

<meta name=”author” content=”نوپاوب”>

متا تگ Revisit after :

این کد به ربات دستور می دهد بعد از مدتی دوباره به صفحه موردنظر برگردد ولی در اصل این متا کد برای موتورهای جستجو اهمیتی ندارد.

<meta name=”revisit-after” content=”7 days”>

تگ تاریخ/انقضا :

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

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

<meta http-equiv=”expires” content=””>

متا تگ چکیده :

این کد چکیده ای از محتوا را به طور عمده توسط برخی حرفه ای های مدرس آموزش استفاده می شود.

تگ کنترل کش :

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

<meta http-equiv=”cache-control” content=”no-cashe”>

متا تگ نوع منبع :

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

نتیجه گیری:

برخی برچسب های معرفی شده در این مقاله بسیار مهم می باشند و می توانند روند بهینه سازی سایت شما را سریعتر کنند بنابراین استفاده از متا تگ ها را فراموش نکنید.