متا تگ OG یا Open Graph چیست؟ تاثیر تگ OG در سئو
عناوین مطالب
Toggleشما به عنوان صاحب یک وب سایت، تا به حال به این موضوع فکرکرده اید؛ که وقتی لینک وب سایتتان را در شبکه های اجتماعی به اشتراک می گذارید، این لینک چگونه باید نمایش داده شود تا برای کاربر جذاب باشد. اگر لینک جذابیت خاصی برای کاربر نداشته باشد، قطعا کلیکی صورت نمیگیرد و تعداد کلیک های شما کاهش می باید. استفاده از Open Graph با عث می شود لینک وب سایت شما با ظاهری منظم و جذاب در شبکه اجتماعی نمایش داده شود و کاربران قبل از کلیک روی لینک: عنوان، توضیحات، تصویر شاخص و سایر اطلاعات آن را مشاهده کنند.
متا تگ OG یا Open Graph چیست؟
Open Graph پروتکلی است که توسط فیسبوک در سال 2010 معرفی شد. متا تگ OG، کد هایی هستند که وب سایت شما را در شبکه های اجتماعی با ظاهری منظم و ساختار یافته نشان می دهند؛ در واقع نحوه نمایش سایت شما را در شبکه های اجتماعی نظارت و کنترل می کنند. متا تگ OG در قسمت <head> کدهای صفحه قرار میگیرند. استفاده از این تگ ها در سوشیال سیگنال باعث می شود کاربر در مدت کوتاهی قبل از کلیک روی لینک بفهمد موضوع وب سایت شما چیست.
تاثیر متا تگ OG در سئو
متا تگOG به صورت مستقیم تاثیری بر سئو سایت ندارد، اما زمانی که شما از این متا تگ در سوشیال سیگنال استفاده می کنید، لینک سایت شما کلیک بیشتری دریافت می کند. در نتیجه ورودی و ترافیک سایت افزایش می یابد. و یک سایت با ترافیک بالا نزد گوگل معتبر است. همین امر، موجب بهبود رتبه سایت در SERP می شود.
نحوه استفاده از متا تگ Open Graph
شما می توانید به دو روش از متا تگ Open Graph استفاده کنید:
روش اول: به صورت دستی: در این روش شما باید تگ OG مورد نظر را در قسمت <head> هر صفحه از وب سایت خود که می خواهید وارد کنید.
روش دوم: استفاده از افزونه وردپرسی YOASTو Rank Math :
افزونه Yoast: زمانی که افزونه YOAST را نصب کرده اید. به قسمت ویرایش پست بروید و بر روی تب social کلیک کنید. سپس شبکه اجتماعی مورد نظر خود را انتخاب کنید، و در قسمت های عنوان، توضیحات و عکس متا تگ مورد نظر OG را وارد کنید.
افزونه Rank Math: اگر شما از افزونه Yoast استفاه می کنید، قبل از نصب کامل Rank Math ، باید یواست را غیر فعال کنید. زیرا در غیر این صورت ممکن است عملکرد افزونه دچار مشکل شود. پس از نصب افزونه Rank Math، بر روی تب شبکه های اجتماعی کلیک کنید. شبکه اجتماعی مورد نظر ، عکس، تایتل و دیسکریپشن را انتخاب و وارد کنید. در غیر این صورت افزونه به صورت پیش فرض از عکس شاخص و دیسکرپشن شما در شبکه های اجتماعی استفاده می کند.
انواع متا تگ OG
هر چند که فیس بوک17 متا تگ Open Graph را به صورت رسمی معرفی کرده است. اما استفاده از همه متا تگ ها در سوشیال سیگنال لازم و ضروری نیست. ما در ادامه این مقاله به شما متا تگ هایی که برای اشتراک گذاری در شبکه های اجتماعی، برای وب سایت شما مهم و ضروری است را معر فی خواهیم کرد. انواع متا تگهای OG:
og:title
این متا تگ به عنوان محتوای صفحه وب سایت اشاره دارد، که کد آن به صورت زیر است:
</” عنوان صفحه” =meta property=”og:title” content>
شما باید عنوان صفحه را بین دو گیومه قرار دهید. بهتر است عنوان صفحه بیش از 40 کارکتر برای موبایل و 60 کاراکتر برای کامپیوتر نباشد. همچنین سعی کنید عنوانی را انتخاب کنید که برای کاربر جذاب، و درصد کلیک خوردن آن بالا باشد و از اضافه کردن اطلاعت اضافی مثل نام سایت و برند به عنوان صفحه خودداری کنید.
og:description
این متا تگ توضیح کوتاهی در مورد محتوای وب سایت به کاربر ارائه می دهد. بهتر است این متا تگ به گونه ای نوشته شود که کاربر را برای خواندن و کلیک روی لینک ترغیب کند. کد آن به صورت زیر است:
</”توضیح محتوا”=meta property=”og:description” content>
og:url
این نوع متا تگ به URL یا آدرس صفحه وب سایت اشاره می کند. کد آن:
</”آدرس صفحه//:meta property=”og:url” content=”https>
Og:type
با استفاده از این متا تگ OG نوع محتوای صفحه خود را مشخص می کنید. برای صفحه مقالات از article و برای سایر صفحات از website در متا تگ استفاده کنید. کد این متا تگ:
</”meta property=”og:type” content=”article>
og:image
در این نوع متا تگ، شما URL عکسی که می خواهید به اشتراک بگذارید را قرار می دهید. توجه کنید این متا تگ یکی از مهم ترین متا تگ های Open Graph است؛ زیرا نقش مهمی در جلب توجه کاربر نسبت به لینک دارد. بنابراین در انتخاب عکس دقت کنید و پیشنهاد می کنیم از عکس شاخص وب سایت خود استفاده کنید. کد آن:
</”آدرس تصویر//:meta property=”og:url” content=”https>
Og:locale
این کد زبان محتوای صفحه را مشخص می کند. برای محتواهای غیر زبان انگلیسی حتما از این متا تگ استفاده کنید، در غیراین صورت، محتوا به صورت پیش فرض به زبان انگلیسی به کاربر نمایش داده می شود. کد آن:
</”زبان صفحه”=meta property=”og:locale” content>
ما در این بخش از مقاله OG meta tages های مهم را، که برای اشتراک گذاری لازم و ضروری هستند، برایتان معرفی کرده ایم. اما اگر می خواهید محتوایی که به اشتراک می گذارید شامل عکس و ویدیو نیز باشد، می توانید از متا تگ های پیشرفته OG که در ادامه به شما خواهیم گفت استفاده کنید:
- og:video این تگ به URL ویدئویی که به اشتراک گذاشته شده اشاره می کند.
- og:video:type این نوع متا تگ فرمت ویدئو را مشخص می کند.
- og:video:width این تگ عرض ویدئو در صفحه را مشخص می کند.
- og:video:height این تگ هم به طول ویدئو در صفحه اشاره دارد.
- og:image:type این تگ فرمت عکسرا مشخص می کند.
- og:image:width این تگ هم عرض عکس در صفحه را مشخص میکند.
- og:image:height این تگ برای مشخص کردن طول عکس در صفحه استفاده میشود.
سایر متا تگ هایOG:
Og:book
Og:profile
Og:site_name
Og:determiner
برای چک کردن Open Graph از چه ابزار هایی استفاده کنیم؟
بعد از آن که با انواع تگ OG آشنا شدید، و از آن در صفحه وب خود استفاده کردید؛ باید درستی این متا تگ های به کار رفته را چک کرده و بسنجید. برای این کار می توانید از ابزار های زیر استفاده کنید:
جمع بندی
ما در این مقاله به معرفی متا تگ OG، معرفی انواع و ابزار شناسایی آن پرداخته ایم. استفاده از Open Graph در سوشیال سیگنال باعث می شود لینک های به اشتراک گذاشته شده در شبکه های اجتماعی بهتر و بیشتر دیده شوند، و ترافیک و اعتبار سایتتان افزایش یابد.
2 Comments
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
جامع و خوب بود مرسی
سلام. خوشحالیم براتون مفید بوده