آموزش رایگان طراحی سایت و سئو

متا تگ قطعه کدی html است که با عبارت meta آغاز میشود. در یک تگ متا نسبت به کاربرد آن، ممکن است کد ها و خاصیت هایی وجود داشته باشد از جمله خاصیت هایی چون:

• property
• name
• content
• و…

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

متا تگ ها در قسمت head هر صفحه از سایت نوشته میشود (دقت کنید که منظور از قسمت head، قسمت header نیست) در تصویر بالا تگ head هم با مستطیل قرمز کوچکی مشخص شده است.

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

لیست متا تگ ها (Meta tag)

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

متا تگ کیورد (meta keywords)

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

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

در تصویر بالا نمونه متا تگ کیورد از سایت 7میوه به نمایش گذاشته شده است.

تگ متا دسکریپشن یا توضیحات (Meta Description)

تگ متادسکریپشن یا متای توضیحات از جمله تگ های مهم سئو است. با استفاده از این تگ، متن توضیحات هر صفحه برای نمایش آن در گوگل مشخص میشود. در زمان های مختلف، تعداد کاراکتر های مجاز در این تگ دارای محدودیت هایی بوده است. در زمان حال، شما مجاز به نوشتن متن با 320 کاراکتر در این تگ هستید و در صورتی که متن شما از این حد تجاوز کند، تا 320 کاراکتر در صفحه serp یا همان صفحه نتایج گوگل نشان داده میشود و مابقی آن به صورت 3 نقطه (…) در می‌آیند.

در پایین تصویر نمونه متا تگ دسکریپشن را مشاهده میکنید:

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

برای مثال زمانی که در گوگل عبارت “سوشال سیگنال” را جستجو کنید، نتیجه زیر را از سایت مدیران سایت (رتبه دوم) میبینید:

اما اگر بار دیگر عبارت “چرا سوشیال سیگنال” سرچ کنید، با این تصویر روبرو میشوید:

همانطور که در دو تصویر بالا میبینید ، هر دو نتیجه برای یک صفحه از مدیران سایت (صفحه آموزش جامع سوشیال سیگنال) است اما متا توضیحات آنها توسط گوگل ، متفاوت انتخاب شده است.

تگ عنوان (Title)

عنوان یا title متا تگ نیست بلکه صرفا یک تگ است. اشتباهی که اغلب در بین وبمستران انجام میشود، این است که تگ h1 که عنوان مقاله یا صفحه است را با تگ title یکی میدانند. دلیل این اشتباه هم این است که سایت های وردپرسی به صورت پیش فرض title و h1 یک صفحه را از متنی که محتوا نویس برای عنوان مقاله یا برگه قرار میدهد برمیدارند و در اصل هر دو آنها را یکی میکنند.

اما در اصل تگ h1 تگی است که در متن صفحه قرار میگیرد و کاربر آن را در زمان رؤیت صفحه مشاهده میکنند. اما تگ title در قسمت head صفحه قرار گرفته است و صرفا در زمان نشان داده شدن سایت در صفحه جستجو قابل مشاهده است. بسیاری از سایت های سطح وب این دو تگ را با کمی تفاوت از یکدیگر مینویسند و دلیل آن استفاده از کلمات مرتبط و lsi بیشتر برای افزایش سئو سایت است. به طور مثال h1 این مقاله میتواند این عبارت باشد: “معرفی تگ های سئو” و در مقابل عنوان مقاله در نتایج گوگل برابر با عبارت ” 13 متا تگ سئو، از متا دیسکریپشن و title تا کیورد” باشد.

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

به عنوان یک مثال ملموس تر؛ در آموزش سئو محتوا ، تگ h1 با مقدار “سئو محتوا چیست؟ یک آموزش عملی و کاربردی” پر شده است و در بالای صفحه هم میتوانید آن را مشاهده کنید.

اما زمانی که کدهای صفحه را بررسی میکنید کد متا تگ title به شکل زیر است:

متاتگ دسترسی ربات ها (Meta Robots)

هدف اصلی استفاده از متا ربوت، نه دسترسی بهتر ربات های خزنده به صفحه، بلکه ایجاد محدودیت برای آن ها است. حالت پیش فرض این تگ در تمامی صفحات سایت، اجازه دسترسی کامل ربات های موتور جستجو به محتوای صفحه را میدهد اما زمانی که قصد محدود کردن دسترسی خزنده موتور های جستجو (crawler) به یک صفحه یا حتی کل سایت را داشته باشید، میتوانید از متا meta robots استفاده کنید.

متا تگ robots میتواند مقدار های فراوانی را به خود بگیرد که در ادامه به توضیح تمامی آنها میپردازیم:

noindex

با استفاده از این خاصیت در متاتگ روبوتس، سایت یا صفحه مورد نظر شما توسط هیچ موتور جستجو گری ایندکس (فهرست بندی در صفحات جستجو) نمیشود. اغلب برای صفحاتی مانند صفحه پرداخت و… در سایت، این خاصیت استفاده میشود.

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

nofollow

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

unavailable_after:date

ممکن است شما علاقه داشتید باشید که یک صفحه از سایت شما، تا زمان مشخصی در نتایج جستجو نشان داده شود و پس از رسیدن یک تاریخ، از صفحات جستجو حذف شود. در این زمان این خاصیت به شما کمک میکند. در قسمت date این خاصیت میتوانید زمان موعدی که قرار است پس از آن صفحه شما به حالت noindex درآید را قرار دهید.

اغلب استفاده از این خاصیت برای صفحات تبلیغاتی، دوره های آموزشی و… است.

none

با دو خاصیت noindex و nofollow آَشنا شدید. با استفاده از خاصیت none میتوانید هر دو این خاصیت ها را در کنار هم داشته باشید.

متا تگ نو ترنسلیت (notranslate)

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

متا تگ nositelinkssearchbox

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

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

متا تگ معرف سایت به گوگل (google site verification)

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

متاتگ “معرفی سایت به گوگل”، صرفا برای دستیابی به پنل سرچ کنسول گوگل است. این کد توسط گوگل به مدیر داده میشود و در صورتی که آن را در قسمت head سایت خود قرار دهد، گوگل اطمینان پیدا میکند که شخص متقاضی برای ثبت نام گوگل کنسول، صاحب سایت است.

تگ کاراکتر (Charset)

متا تگ کاراکتر یک تگ مهم برای نشان دادن نوع متن و محتوای به کار رفته در صفحات است. در سایت های فارسی، مقدار متا تگ charset اغلب برابر با “UTF-8” است.

تگ ارجاع به آدرس دیگر (refresh)

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

تگ کنونیکال (در واقع تگ link و Rel Canonical)

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

با استفاده از رل کنونیکال، شما به گوگل میفهمانید که باید از میان صفحات مشابه، کدام را به عنوان صفحه اصلی انتخاب کند و اعتبار سئو در نتایج جستجو را به آن اختصاص دهند. همینطور با استفاده از این تگ، دیگر مشکل محتوای تکراری یا duplicate content متوجه سایت شما نمیشود.

تگ‌های صفحه بندی

مطمئنا تا به حال در سایت های آموزشی با مقالات چند قسمتی برخورد داشته اید. مقالاتی که به علت طولانی بودن محتوای درون آن، به چند صفحه تقسیم شده اند (قسمت 1، قسمت 2 و…) تا به حال از خود پرسیده اید که گوگل چطور ارتباط میان آنها را تشخیص میدهد و یا کدام را به عنوان مقاله اصلی در صفحات خود نشان میدهد؟

به طور مثال تصور کنید که مقاله ای در سایت شما با نا عنوان آموزش سئو وجود دارد. با توجه به گستردگی این مبحث، مجبور شده اید تا آن را در 3 مطلب مختلف منتشر کنید (آموزش سئو قسمت 1، آموزش سئو قسمت 2 و آموزش سئو قسمت 3). با توجه به اینکه هر 3 این مقالات دارای عنوان مشابه هستند و احتمالا کلمه کلیدی آنها نیز با یکدیگر مشترک است، گوگل نمیتواند به درستی انتخاب کند که صفحه اول یا اصلی کدام است و کدام صفحه باید با کلمه آموزش سئو به نتایج وارد شود.

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

تگ‌ های سایت دوزبانه و چند زبانه

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

تگ اپن گراف چیست؟

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

دلیل این موضوع استفاده از متا تگ یا تگ های اپن گراف است. این تگ ها که در سال 2010 توسط شرکت فیسبوک معرفی شدند، برای نشان دادن بهتر محتوای سایت ها در شبکه های اجتماعی استفاده میشوند و بر روی افزایش ux سایت در اشتراک گذاری صفحات مختلف تأثیر بسزایی دارد.

تگ های open graph را میتوان در قسمت head سایت ها و با عبارت property پیدا کرد. از جمله مقادیری که در تگ های اپن گراف استفاده میشود، مقدار article است که نشان دهنده نوع محتوای اشتراک گذاری شده است (مقاله). همین موضوع باعث میشود تا برخی به این تگ ها، نام تگ article را نسبت دهند اما در کل استفاده از واژه article برای معرفی تگ های اپن گراف عمل اشتباهی است.

کلام آخر:

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