متا تگ (Meta tag) به قطعه کدهایی گفته میشود که اطلاعات مهمی از محتوای داخل صفحه وب در اختیار موتورهای جستجو قرار میدهند؛ مانند طرز نمایش محتوا در صفحه نتایج. هر صفحه وب، دارای یک متا تگ های مهم و منحصر به خود است که تنها در صفحه HTML قابل مشاهده است. در صورتی که به دنبال یادگیری سئو تکنیکال و آموزش سئو مقدماتی بوده و به دنبال پاسخ سوال متا تگ چیست و متا تگ های مهم در سئو هستید؛ در ادامه این مطلب همراه ما باشید.
متا تگ چیست؟
متا تگ، قطعه های کوچکی از کد HTML هستند که به توصیف محتوای صفحه وب شما برای گوگل و سایر موتورهای جستجو کمک می کنند. کلمه “متا” مخفف کلمه “متا دیتا” است. این اطلاعات، شامل مواردی از قبیل عنوان صفحه، نوع محتوا و توضیحات متا است. موتورهای جستجو از داده های متا تگ در صفحات نتایج موتور جستجو (SERP) خود برای نمایش به کاربران استفاده می کنند.
متا تگ های مهم در سئو
تگ عنوان (Meta title)
تگ تایتل، مسئول نمایش عنوان صفحه در صفحه نتایج گوگل و بسیاری از موتورهای جستجو دیگر است. نکته مهمی که در خصوص این تگ باید به آن اشاره کرد، این است که گاهی عبارت تعیین شده برای این تگ توسط خود گوگل تغییر پیدا میکند.
اهمیت تگ عنوان در سئو
برای بررسی اهمیت متا تگ عنوان در سئو، بهتر است به آنچه که گوگل در مورد این Meta tag اشاره کنیم:
استفاده از تگ عنوان برای بهبود تجربه کاربری الزامی است. مخاطب با مشاهده عنوان یک صفحه، متوجه میزان نزدیکی نتایج با موضوع مد نظر خود شده و بهترین را انتخاب میکند. با توجه به اینکه عنوان صفحه اولین چیزی است که در صفحه نتایج به چشم کار میخورد، بهینه کردن و استفاده درست از آن اهمیت زیادی دارد.
مهمترین نکاتی که در خصوص تگ عنوان باید بدانید:
- برای هر صفحه، یک تگ عنوان منحصر به فرد تعیین کنید.
- اصل مختصر و مفید بودن را فراموش نکنید.
- از عناوین کلی و مبهم استفاده نکنید.
- از عبارت های Long Tail استفاده کنید.
- کاربر را به کلیک کردن روی لینک صفحه تان تشویق کنید.
- عنوان را تا حدی که امکان دارد به جستجوی کاربر نزدیک انتخاب کنید.
- از کلمه کلیدی اصلی ترجیحا در ابتدای عنوان صفحه استفاده کنید.
- حداکثر تعداد کاراکترهای عنوان 70 است. اما شما عنوان را کمتر از 60 کاراکتر تعیین کنید.
چگونه برای یک صفحه تگ عنوان تعیین کنم؟
برای استفاده از این تگ دو روش وجود دارد.
- در صورتی که با کدنویسی HTML آشنایی دارید، میتوانید از قطعه کد زیر استفاده کنید. این کد در بخش <head> قرار میگیرد.
<title>This is the title of the page.</title>
- در صورتی که از سیستم مدیریت محتوای وردپرس استفاده میکنید، ب نصب افزونه یوست، عنوان صفحه و عنوان سئو را تعیین کنید.
اشتباهات رایج هنگام استفاده از تگ عنوان
- استفاده از عناوین خیلی طولانی یا خیلی کوتاه.
- عدم استفاده از تگ عنوان در صفحه.
- استفاده از یک تگ عنوان برای چند صفحه مجزا.
تگ توضیحات متا (Meta description)
تگ توضیحات متا یا متا دیسکریپشن یکی از متا تگ های مهم در سئو است. با استفاده از این تگ؛ خلاصه ای از محتوای صفحه در اختیار کاربر قرار میدهید.
محتوای این تگ توسط خود شما تعیین میشود. اما مشابه با تگ عنوان، در برخی موارد محتوای تعیین شده توسط خود گوگل تغییر می یابد.
اهمیت تگ توضیحات متا در سئو
برای بررسی اهمیت این تگ در سئو، مجددا به آنچه که گوگل در مورد آن گفته است، مراجعه میکنیم:
توضیحات متا باید شامل اطلاعات مهم در مورد محتوای صفحه باشد. محتوای این تگ باید کاربردی و جذاب تعیین شود. به گونه ای که توجه کاربر را به خود جلب کرده و او را متقاعد کند صفحه دقیقاً همان چیزی است که او به دنبال آن است.
بر اساس آنچه که گوگل بیان کرده است، تگ توضیحات متا به عنوان یکی از فاکتورهای رتبه بندی سایت استفاده نمیشود.
مهمترین نکاتی که در خصوص تگ توضیحات متا باید بدانید:
- برای هر صفحه، متا دیسکریپشن اختصاصی همان صفحه را بنویسید.
- محتوای صفحه را خیلی دقیق و کاربردی خلاصه کنید.
- از جملات عمومی بدون اطلاعات خاص استفاده نکنید.
- از جملات معنی دار به جای چند کلمه کلیدی پشت سر هم استفاده کنید.
- از کلمه کلیدی اصلی به صورت طبیعی در این تگ استفاده کنید.
- تعداد کاراکترهای توضیحات متا باید کمتر از 160 کاراکتر باشد.
چگونه برای یک صفحه تگ توضیحات متا تعیین کنم؟
مجددا مشابه با تگ عنوان، برای این Meta Tag مهم در سئو هم میتوانید از دو روش زیر استفاده کنید:
- جایگذاری قطعه کد زیر در بخش <head> صفحه:
<meta name=”description” content=”Place the meta description text here.”>
- استفاده از افزونه سئو Yoast.
اشتباهات رایج هنگام استفاده از تگ توضیحات متا
- استفاده از توضیحات متای خیلی کوتاه یا خیلی بلند. گوگل تنها 160 کاراکتر از توضیحات متا را نمایش میدهد.
- عدم استفاده از تگ توضیحات متا. در این صورت گوگل بخشی از متن را به صورت رندوم انتخاب کرده و به کاربر نمایش میدهد.
- استفاده از چند تگ توضیحات متا برای یک صفحه.
- استفاده از توضیحات متای تکراری.
متا تگ روبات (Meta robots)
در مورد فایل robots.txt و اهمیت آن در بهبود رتبه بندی سئو سایت پیش از این یک مطلب جامع و کامل تهیه کرده و در اخیتارتان قرار دادیم. متا تگ روبات یکی از دیگر متا تگ های مهم در سئو است که در فایل Robots.txt تعیین میشود. با استفاده از Meta Tag، موتورهای جستجو متوجه خواهند شد که یک صفحه را آیا و چگونه باید ایندکس کنند.
اهمیت استفاده از متا تگ روبات در سئو
استفاده از این متا تگ به افرادی که دانش زیادی در کدنویسی HTML و سئو ندارند، توصیه نمیشود. چرا که استفاده از یک تگ نامناسب برای یک صفحه میتوان تمام تلاش های شما را برای بهبود سئوی سایت، از بین ببرد. اما در صورتی که این متا تگ در جای درست به شکل درست استفاده شود، مزایای زیر را به همراه خواهد داشت:
- مشخص کردن وضعیت ایندکس صفحات برای خزنده ها. (تگ نوایندکس و ایندکس)
- مشخص کردن وضعیت لینک های داخلی یک صفحه. (لینک نوفالو یا فالو)
جهت آشنایی بیشتر با لینک نوفالو میتوانید به مقاله لینک نوفالو چیست؟ مراجعه کنید
از متا تگ های روبات میتوان به صورت ترکیبی به شکل زیر استفاده کرد:
<meta name=”robots” content=”noindex, nofollow”>
<meta name=”robots” content=”index, follow”>
<meta name=”robots” content=”noindex, follow”>
<meta name=”robots” content=”index, nofollow”>
با استفاده از دستور <meta name=”robots” content=”none”> برای خزنده ها وضیت ایندکس و لینک صفحات را در حالت ایندکس و فالو تعیین میکنید. این قطعه کد همان حالت پیش فرض برای موتورهای جستجو است. تگ های دیگری مانند noimageindex ، noarchive و nosnippet در این متا تگ مورد استفاده قرار میگرند که به اندازه 4 مورد گفته شده در سئو تاثیرگذار نیستند.
نحوه استفاده از متا تگ روبات
برای استفاده از این متا تگ، باید کد زیر را در وارد فایل Robots.txt بنویسید.
مهمترین نکاتی که در خصوص متا تگ روبات باید بدانید:
- از این متا تگ تنها زمانی استفاده کنید که قصد دارید دسترسی موتورهای جستجو به یک سری از صفحات سایت را محدود کنید.
- مراقب بلاک کردن برخی از صفحات مهم هنگام استفاده از این تگ باشید.
چگونه برای یک صفحه وضعیت متا تگ روبات را تعیین کنم؟
مشابه با دو متا تگ گفته شده، برای استفاده از این متا تگ هم میتوانید از یکی از دو روش زیر استفاده کنید:
- قرار دادن قطعه کد مورد نیاز در بخش <head> صفحه.
- استفاده از افزونه یوست برای اضافه کردن 4 تگ مهم گفته شده.
اشتباهات رایج هنگام استفاده از متا تگ روبات
- بلاک کردن صفحات نوایندکس شده با استفاده از فایل روبات. (در این صورت گوگل متوجه تگ نوایندکس نشده و URL را ایندکس کرده و در صفحه نتایج نمایش میدهد.)
- استفاده نادرست از تگ نوایندکس. (گاهی اوقات از این تگ به اشتباه برای صفحات مهم و اصلی سایت استفاده میشود. در نتیجه ترافیک ارگانیک سایت به شدت کاهش می یابد.)
- استفاده نادرست از تگ نوفالو. (در این شرایط مزایای لینک سازی داخلی به طور کامل از بین میرود.)
برای بررسی مشکلات فایل Robots.txt، باید وارد بخش Coverage در گوگل کنوسل شده و خطاهای این ابزار سئو را مشاهده کنید.
برای مشاهده صفحاتی که ایندکس شده اند در حالی که در فایل Robots وضعیت آنها نوایندکس تعیین شده بود، باید وارد بخش “Valid with warnings” شده و به دنبال پیام هشدار ” Indexed, though blocked by robots.txt” باشید.
برای مشاهده صفحاتی که توسط فایل Robots نوایندکس شده اند، وارد بخش “Excluded” شوید.
متا تگ viewport
Viewport یکی دیگر از مهمترین متا تگ های مهم در سئو است که وضعیت نمایش صفحات را تعیین کنید. با استفاده از این متا تگ مشخص میشود که چه بخشهایی از یک صفحه از وب در سایزهای مختلف و به چه شکل نمایش داده شوند.
اهمیت استفاده از متا تگ viewport در سئو
با استفاده از این متا تگ، گوگل متوجه ریسپانسیو بودن سایت میشود. از سال 2015 تا کنون گوگل وضعیت ریسپانسیو بودن یک سایت را به عنوان یکی فاکتورهای رتبه بندی سایت در نظر میگیرد. با توجه به اینکه درصد عمده ای از سرچ های روزانه توسط تلفن همراه انجام میشود، عدم طراحی واکنش گرا، منجر به کاهش زمان حضور کاربر در سایت میشود. که این خود یک سیگنال منفی برای گوگل است.
مهمترین نکاتی که در خصوص متا تگ viewport باید بدانید:
در همه صفحات وب از متا تگ viewport استفاده کنید.
در صورتی که با نحوه استفاده از این تگ آشنایی ندارید، مشابه با بخش بعد، مقادیر اولیه آن را به صورت استاندارد تعیین کنید.
نحوه استفاده از متا تگ viewport
کد زیر را به بخش <head> اضافه کنید:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
چگونه برای یک صفحه وضعیت متا تگ viewport را تعیین کنم؟
در حال حاضر تقریبا تمامی سیستم های مدیریت محتوای به روز، این تگ را داشته و نیازی به اضافه کردن آنها به صورت دستی نیست. برای بررسی مشکلات مربوط به این تگ، باید وارد گوگل کنسول و بخش ” Mobile Usability” شوید. در صورتی که به هر دلیلی این تگ در صفحات وب شما وجود نداشته باشد، با خطای ” Viewport not set” رو به رو میشوید.
استفاده از متا تگ viewport مشکلات مربوط به کدهای CSS سایت را در خصوص موبایل فرندلی بودن حل نمیکند. در نتیجه اگر به اضافه کردن این متا تگ به صفحات سایت مشکل حل نشد، بهتر است از یک توسعه دهنده وب کمک بگیرید.
متا تگ charset
از این تگ برای تعیین نحوه رمزگذاری یا ایندکدینگ محتوای صفحه استفاده میشود. به عبارت دیگر، به مرورگر می گوید که چگونه متن در صفحه وب شما باید نمایش داده شود. صدها مقدار مختلف برای این تگ وجود دارد که دو مورد از مهمترین آنها عبارت هستند از:
- UTF‑8 : رمزگذاری کاراکتر برای یونیکد
- ISO-8859–1 : رمزگذاری کاراکتر برای الفبای لاتین
اهمیت استفاده از متا تگ charset در سئو
در صورتی که از متا تگ charset برای صفحات وب استفاده نشود، این احتمال وجود دارد که محتوای صفحه به درستی به کاربر نمایش داده نشود. مشکلات مربوط به نمایش محتوا منجر به از بین رفتن تجربه کاربری و امتیاز منفی برای شما میشود. در نتیجه کاربران در سایت شما نمانده و نرخ پرش سایت افزایش می یابد.
مهمترین نکاتی که در خصوص متا تگ charset باید بدانید:
- در تمام صفحات وب از متا تگ charset استفاده کنید.
- در صورت امکان از UTF ‑ 8 استفاده کنید.
نحوه استفاده از متا تگ charset
کد زیر را در بخش <head> صفحه وب خود جایگذاری کنید:
<meta charset=UTF-8″>
اگر از HTML4 یا پایینتر استفاده می کنید، از کد زیر استفاده کنید:
<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″>
در صورتی که مطمئن نیستید از چه ورژن HTML استفاده میکنید، باید وارد سورس کد صفحه شوید. در صورتی که <!doctype html> در کدهای HTML سایت وجود دارد، پس در حال استفاده از HTML5 هستید.
اشتباهات رایج هنگام استفاده از متا تگ روبات
اکثر وب سایت ها از کدگذاری کاراکترهای UTF ‑ 8 یا ISO-8859–1 استفاده می کنند. اما اولی به دومی ارجح است. بنابراین وب سایت خود را چک کنید. در صورتی که از متا تگ charset استفاده نمیکنید، حتما آن را به سایت اضافه کنید.
متا تگ رفرش (Meta refresh)
متا تگ رفرش متا به مرورگر وب می گوید که کاربر را پس از مدت زمان مشخصی به URL دیگری هدایت کند.
اهمیت استفاده از متا تگ رفرش در سئو
متا تگ رفرش یکی از متا تگ های مهم سئو است از این جهت که نباید مورد استفاده قرار گیرند. چرا که:
- توسط همه مرورگرها پشتیبانی نمی شود.
- می تواند برای کاربر گیج کننده باشد و نگرانی های امنیتی را ایجاد کند.
- سرعت سایت را افزایش میدهد.
مهمترین نکاتی که در خصوص متا تگ رفرش باید بدانید:
- تا حد امکان از متا تگ رفرش استفاده نکنید مگر در مواقعی که مجبور به انجام این کار هستید.
- به جای استفاده از متا تگ رفرش، از ریدایرکت 301 استفاده کنید.
نحوه استفاده از متا تگ رفرش
در صورتی که مجبور به استفاده از این تگ هستید، قطعه کد زیر را به <head> سایت استفاده کنید.
<meta http-equiv=”refresh” content=”5;url=”https://example.com/”>
از طریق بخش content مقدار تاخیر در بارگذاری و از طریق ساختار url آدرس ریدایرکت را تعیین کنید.
متا تگ کلمات کلیدی
از سال 2009 تا کنون گوگل از متا تگ کلمات کلیدی استفاده نکرده است. در نتیجه استفاده از این تگ برای تعیین چند کلمه کلیدی به هیچ وجه توصیه نمیشود. چرا که یکی از تکنیک های سئو کلا سیاه، استفاده از کلمات نامرتبط برای یک پیج است. در صورتی که پیش از این از متا تگ کلمات کلیدی استفاده میکرده اید، وقت آن رسیده که به فکر حذف آنها باشید.
ساختار این متا تگ در صفحات سایت به صورت زیر است:
<meta name=”keywords” content=”keyword 1, keyword 2, keyword 3″/>
متا تگ هایی که به آنها نیاز ندارید
در ادامه تگ هایی را معرفی میکنیم که به بهبود سئو سایت شما کمک نکرده و استفاده از آنها ضروری نیست.
تگ Abstract
تگ Abstract برای خلاصه کردن محتوای یک صفحه در چند جمله به کار برده میشود. استفاده از تگ توضیحات متا بر تگ Abstract ارجح است.
تگ Author
استفاده از تگ Author غیر ضروری است و گوگل پیشنهاد میکند از rel=author برای نمایش اطلاعات نویسنده استفاده شود.
تگ کنترل Cache
این تگ تعیین میکند که صفحه وب شما چند دفعه و چه زمانی در مرورگر کش کند. گوگل پیشنهاد میکند برای کنترل وضعیت کش سایت از هدر HTTP استفاده شود.
تگ Copyright
در بخش فوتر سایت مواردی از قبیل حق کپی رایت وجود دارد. پس استفاده مجدد از این تگ الزامی نیست.
تگ Distribution
این متا تگ کنترل می کند چه کسی و از کجا می تواند به یک سند دسترسی پیدا کند. اکثر دارندگان سایت قصد دارند محتوای آنها در سطح جهانی در دسترس همه باشد. بنابراین، صفحات عمومی به ندرت از آن استفاده می کنند.
تگ Expiration/date
با استفاده از این دو تگ زمان ایجاد و انقضای صفحه را تعیین میکنید. استفاده از این تگ برای صفحاتی توصیه میشود که برای یک رویداد در بازه زمانی مشخص ایجاد شده اند.
تگ Generator
این تگ نشان می دهد چه برنامه ای صفحه را ایجاد کرده است که هیچ ارزشی به صفحه وب شما نمی بخشد.
نتیجه گیری
متا تگ (Meta Tag) به قطعه کدهایی گفته میشود که معمولا برای بهبود سئو سایت و ارائه اطلاعات مفید به کاربر مورد استفاده قرار میگیرند. متا تگ های مهم در سئو عبارت هستند از: تگ عنوان، توضیحات متا و ربات. دو تگ اول با استفاده از افزونه یوست به راحتی مقدار دهی شده و برای استفاده از آنها نیازی به دانش برنامه نویسی نیست.
آینده متعلق به کساییه که به زیبایی رویاهای خودشون ایمان دارن.
دیدگاه ها
سلام با عرض احترام یک سوال داشتم
متا تگ های مهم و تاثیرگذار در سئو چطور میتونم از یک تیم کمک بگیرم که بهم آموزش کامل بدن منابع خاصی رو دارید که بهم معرفی کنید؟
ممنون میشم که راهنماییم کنید.