لیست متا تگ ها
سلام به سایت مهراکت خوش آمدید. با ما با مقاله لیست متا تگ ها همراه باشید.
انواع متا تگ
تگ های مهم
این متا تگ ها لازم است که در هر صفحه باشند و این لیست مختصری از مهمترین تگ های 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=”https://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”>
آیا استفاده از متا تگ به سئو سایت کمک می کند؟
در پاسخ به این سوال باید گفت: بله. کمک می کند. اما نه همۀ آنها و نه در همۀ مواقع!
اگر می خواهید بدانید که متا تگ های فعلی صفحات وب سایت شما چه چیزی است،
کافیست در مرورگر خود کلیک راست کنید و گزینه “View Page Source” را انتخاب نمایید.
با انتخاب این گزینه، یک تَبِ جدید در گوگل کروم باز می شود (در مرورگر فایرفاکس، یک پنجره جدید به صورت پاپ آپ باز خواهد شد).
شما می توانید در قسمت بالای کدها که با عنوان Head مشخص شده است، تگ های متای یک صفحه را مشاهده نمایید.
متا تگ ها مانند تصویر زیر نمایش داده خواهند شد:
مگا تگ های خوب سئو
متا تگ های سئو که در زیر ذکر شده اند بدون استثنا باید در هر صفحه ای آورده بشوند. توجه کنید
که لازم است از آن ها استفاده کنیم پس در صورتی که می توانید از این متا تگ ها را اضافه کنید.
-
متای نوع محتوای –
این تگ، نوع کاراکتر هایی که در صفحه ارائه می دهید را توضیح می دهد.
خالی گذاشتن این نوع متا تگ ممکن است مشکلاتی در رندر صفحه ی شما ایجاد کند.
چند نوع از متا تگ نوع محتوا را می توانید در زیر مشاهده کنید:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
-
عنوان –
در حالی که این تگ با «meta» آغاز نمی شود در هدر شما قرار دارد و حاوی اطلاعات بسیار مفیدی برای سئو است.
برای هر صفحه باید عنوان مشخص و منحصر به فردی را برای توضیح محتویات صفحه ایجاد کنید. -
توضیحات متا –
برای استفاده از تگ توضیحات متا یک دلیل اصلی وجود دارد:
توضیح صفحه برای جستجو کنندگانی که از طریق صفحه ی نتایج جستجو می خواهند وارد صفحه ی شما بشوند.
این تگ بر رنکینگ شما تاثیری ندارد، اما در عین حال بسیار مهم است. شما با این متن می توانید جستجو کنندگان را قانع کنید
که وراد صفحه شما بشوند. سعی کنیدتوضیحات متا چیست توضیحات متای شما در حد ۱۶۰ کاراکتر باشد
و به نحوی ان را بنویسید که توجه همه ی کاربران را به خودش جذب کند. -
اندازه دید –
در دنیای تلفن های همراه شما باید اندازه ی دید را مشخص کنید.
در صورت عدم انجام این کار ممکن است تجربه کاربری سایت شما کاهش پیدا کند.
استاندارد نوشتن تگ به صورت زیر است:
<meta name=viewport content="width=device-width, initial-scale=1">
متا تگ های بی اثر سئو
در شرایط متفاوت سایت ها ممکن است از این متا تگ های سئو استفاده کنند،
ولی در صورتی که لازم دارید از آن استفاده کنید.
-
تگ های شبکه اجتماعی –
اشتراک گذاری اطلاعات و محتوای سایت در شبکه های اجتماعی خوب است ولی برای هر سایت لازم نیست.
-
ربات ها –
تصور اشتباهی وجود دارد که همه ی سایت ها باید متا تگ ربات داشته باشند.
بیاید ان موضوع را روشن کنیم: در صورت ایندکس کردن و دنبال کردن لینک ها، اگر شما تگ متای ربات نداشته باشید
کراولرهای موتور های جستجو هر جای را که بتوانند بررسی و ایندکس می کنند
پس فقط برای جلوگیری از کراول و ایندکس کردن یک صفحه و ایندکس کردن سایتURL از این تگ استفاده کنید.
پس در صورتی که خواستید یک صفحه ایندکس نشود تنها کاری که باید بکنید این است
که در آن صفحه تگ ربات را با noindex نشانه گذاری کنید. مانند زیر:
<meta name="robots" content="noindex" />
-
رباتهای خاص (Googlebot) –
این برچسب ها برای ارائه دستورالعمل های خاص ربات مانند noodp
(جلوگیری از استفاده از اطلاعات لیست DMOZ ) و noydir (همان noodp است با این تفاوت که لیست اطلاعات دایرکتوری یاهو است)
استفاده می شود. موتور های جستجو خودشان به تنهایی از پس این کار ها بر می آیند - ولی در صورتی که فکر می کنید که به آن نیاز دارید مشکلی ندارد.
در بعضی موارد برای بعضی سایت ها استفاده از این ربات ها لازم است
ولی اگر خواستید از ربات های بالا برای این کار استفاده کنید بهتر است. -
زبان –
تنها دلیل استفاده از این تگ این است که شما می خواهید سایت خود را به سمت بین المللی شدن ببرید
و نیاز دارید زبان اصلی سایت که در سایت به کاربرده اید را تعیین کنید. -
جغرافیا –
این نوع تگ ها فقط توسط بینگ پشتیبانی می شود، نه گوگل. شما می توانید
با این تگ کشور ها مورد نظر خود را در جستجو هدف قرار دهید.
این تگ ها ۳ نوع دارند: نام مکان، موقعیت(طول و عرض جغرافیایی) و منطقه.
<META NAME="geo.position" CONTENT="latitude; longitude">
<META NAME="geo.placename" CONTENT="Place Name">
<META NAME="geo.region" CONTENT="Country Subdivision Code">
- کلمات کلیدی – همانطور که می بینید که کلمه کلیدی را هم در لیست بی اثر ها قرار دادایم.
هیچ سئو کار خوبی توصیه نمی کند که زمان خود را بر روی این تگ بگذارید،
احتمال کمک این تگ به سایت شما بسیار کم است.
در صورتی که شما در حال ساخت یک سایت هستند اصلا لازم نیست وقت خود را بر روی این قسمت بگذارید
و در صورتی که به صورت خود کار این تگ تولید می شود لازم نیست ان را پاک کنید. -
رفرش –
رفرش ضعیف ترین نوع ری دایرکت است و تا جایی که ممکن است نباید از ان در سایت خود استفاده کنید.
شما همیشه باید از ریدایرکت سمت سرور 301 استفاده کنید. ممکن است گاها مجبور باشید که از رفرش استفاده کنید
ولی به یاد داشته باشید گوگل از این کار شما خوشش نمی اید.
-
تایید سایت –
سایت شما توسط گوگل و بینگ تایید شده است؟ چه کسی تگ های تایید سایت را در صفحه ای اصلی خود دارد؟
گاهی این تگ ها لازم است ولی چیزی نیست که شما بتوانید ان ها را در فروم ها پیدا کنید،
ولی راه هایی برای تایید سایت شما وجود دارد. گوگل به شما این امکان را می دهد که سایت خود را از طریق DNS،
فایل خارجی یا لینک به اکانت گوگل انالتیکز، تایید کنید. در بینگ از دو شیوه ی آپلود فایل XML و متا تگ سایت خود را تایید کنید.
متا تگ های مضر سئو
به صورت واضح بگیم که استفاده از این تگ ها هیچ کاربردی برای سایت شما ندارد.
و خود گوگل در ۱۲ سال پیش گفت که لازم نیست از این تگ ها استفاده کنید.
پس واضح است استفاده از این تگ ها فقط فضای شما را اشغال می کنند و هیچ کاربرد دیگری ندارند.
پس بهتر است به سایت خود نگاه کنید و اگر این تگ ها را پیدا کردید آن را حذف کنید.
-
نویسنده و نویسنده ی وب –
این تگ برای نوشتن نام نویسنده صفحه ی وب استفاده می شود.
هیچ لزومی برای استفاده از این تگ در صفحه شما نیست. -
بازدید دوباره –
این تگ متا به ربات ها دستور می دهد که بعد ازمدتی دوباره برگردند و صفحه ی شما را بررسی کنند.
بیشتر موتور های جستجو هیچ گونه اهمیتی به این تگ نمی دهند و هر زمان لازم شد به سایت شما بر می گردند. -
Rating –
کاربرد این تگ برای این بود که به ربات ها اعلام کنید که صفحه ی ما حاوی محتوای بزرگسالان است.
ولی این سیستم بسیار گیج کننده است. در صورتی که نیاز دارید(که مطمئنا نیست) محتوای خود را در یک دایرکتوری دیگر قرار دهید
و موتور های جستجو را از وجود این دایرکتوری و نوع محتوای ان با خبر کنید.
-
تاریخ ایجاد/ تاریخ انقضا –
این تگ زمانی کاربرد داشت که شما به موتور های جستجو خبر بدهید
که تاریخ انقضای سایت شما به اتمام رسیده است. این پست در این تاریخ ایجاد شده است.
در صورتی که به این صفحات هیچ گونه لینکی داده نشده است و تاریخ انقضای ان گذشته است،
توانید آن را حذف کنید. و برای تاریخ ایجاد می توانید یک XML ایجاد کنید و به صورت مرتب ان را بروز رسانی کنید. -
کپی رایت –
شما اگر به فوتر سایت خود نگاه کنید می توانید ببینید جایی برای نوشتن «Copyright 20xx» وجود دارد
پس چرا می خواهید آن را دوباره در متا تگ های خود قرار بدید؟ -
چکيده –
این برچسب گاهی به جای چکيده مطالب استفاده می شود و عمدتا توسط مطالب آموزشی استفاده می شود.
-
توزیع –
توزیع مقداری است که می توانید افرادی را که به سند شما دسترسی داشته باشند را کنترل کنید.
بصورت پیشفرض این مقدار بر روی «global» تنظیم شده است. این تگ داتا به این صورت است
که اگر صفحه باز باشد همه می توانند به ان دسترسی داشته باشند.
در غیر این صورت باید رمز آن را وارد کنید. در صورتی که لازم نداریدآن را پاک کنید. -
مولد –
این تگ زمانی کاربرد داشت، که لازم داشتند ذکر کنند صفحه توسط چه برنامه ایجاد شده است.
مانند «author» که امروزه کاربرد ندارند.
-
کنترل کش –
کاربرد تگ مشخص است برای این کاربرد دارد که به مرورگر بگوید
چگونه و چه زمانی باید صفحه را کش کند. بهتر است ان را در هدر HTML بنویسید. -
نوع منبع –
از این تگ برای نام بردن از منابع صفحه کاربرد دارد، همانند سند.
برای صرفه جویی می توانید از اعلام DTD استفاده کنید.