متا تگ اپن گراف (Open Graph) چیست و چه تاثیری بر سئو دارد؟

متا تگ اوپن گراف (Open Graph) چیست و چه تاثیری بر سئو دارد؟
5.0/5 rating (4 votes)

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

برای آگاهی از خدمات پشتیبانی سایت مه ویژن روی لینک زیر کلیک کنید.

پشتیبانی سایت

 

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

اگر شما تجربه اشتراک گذاری لینکی را در شبکه های اجتماعی مخصوصاً فیسبوک و توییتر را داشته باشید، حتما دیده اید که برخی از لینک ها به یک آیتم اصطلاحا Rich Snippet تبدیل شده‌اند اما برخی لینک‌ها به همان شکلی که هستند و در ظاهری که از Rich Snippet ها زشت‌تر است، باقی می‌مانند. اما این ایراد باید از کجا حل شود؟

حل این مشکل مربوط به متا تگ اپن گراف (Open Graph) است که بیشتر با آن آشنا می‌شویم.

 

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

برای آشنایی با خدمات طراحی سایت شرکت مه ویژن روی لینک زیر کلیک کنید.

طراحی سایت

 

متا تگ اپن گراف (Open Graph) چیست؟

به طور کلی متا تگ اپن گراف (Open Graph) را می‌توان پروتکلی دانست که به یک صفحه وب اجازه می‌دهد تا به یک آیتم Rich Snippet در شبکه های اجتماعی تبدیل شود.

به صورت تخصصی‌تر، اپن گراف (Open Graph) مجموعه‌ای از متاتگ‌هاست که به وبمسترها اجازه می‌دهد تا اطلاعات بهینه‌تری از صفحات خود را به اغلب شبکه های اجتماعی (فیسبوک، گوگل پلای، توییتر، لینکدین و ...) ارائه دهند. این اطلاعات به شبکه های اجتماعی کمک می‌کند تا نمایش بهتری از این صفحات به اشتراک گذاشته شده در خود به کاربران نمایش دهند.

متا تگ ‌های اپن گراف (Open Graph) قطعاتی از کد هستند که در بخش <head> صفحات وب قرار می‌گیرند. کار این متا تگ ‌ها کنترل نحوه نمایش URL بعد اشتراک‌ گذاری است. تعداد زیادی از شبکه‌ های اجتماعی از جمله فیسبوک، لینکدین، توییتر، گوگل پلاس و حتی تلگرام از پروتکل اپن گراف (Open Graph) استفاده می‌کنند. این پروتکل برای اولین بار توسط فیسبوک در سال 2010 معرفی شد.

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

 

شرکت مه ویژن با بهره‌گیری از کارشناسان و متخصصان حوزه‌ی سئوی سایت آماده همکاری با شما در جهت تولید محتوا و سئو می‌باشد.

برای آشنایی با خدمات سئوی سایت شرکت مه ویژن روی لینک زیر کلیک کنید.

سئوی سایت

 

متا تگ اوپن گراف (Open Graph) چیست و چه تاثیری بر سئو دارد؟

 

انواع متا تگ های اپن گراف (Open Graph)

تا به حال و به طور رسمی 17 نوع متا تگ اپن گراف (Open Graph) معرفی شده است که برای اشتراک گذاری صفحات ول در شبکه اجتماعی استفاده می‌شود که ما در این مقاله فقط به چند نوع مهم آن اشاره خواهیم کرد:

 

1- og:title (عنوان سایت)

این متا تگ اپن گراف (Open Graph) عنوان محتوای شما را تعریف می کند. کارکرد این متا تگ مانند متا تگ title است و در صورتی که شبکه اجتماعی قادر به یافتن متا تگ og:title نباشد، از متا تگ title برای عنوان محتوا استفاده می‌کند. این متا تگ اپن گراف (Open Graph) به شکل زیر است:

<meta property="og:title" content="متا تگ اوپن گراف (Open Graph) چیست و چه تاثیری بر سئو دارد؟" />

 

2- og:description (توضیحات)

این متا تگ اپن گراف (Open Graph) مشابه تگ متا دیسکریپشن در HTML است. با استفاده از این متا تگ می‌توانید به توصیف بیشتر محتوای خود بپردازید؛ منتها این توصیف به جای نمایش در موتورهای جستجو، در زیر لینک به اشتراک گذاشته شده در فیسبوک و سایر شبکه های اجتماعی به نمایش گذاشته می‌شود.

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

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

<meta property=”og:description” content=”به طور کلی متا تگ اوپن گراف (Open Graph) را می توان پروتکلی دانست که به یک صفحه وب اجازه می دهد تا به یک آیتم Rich Snippet در شبکه های اجتماعی تبدیل شود.” />

 

3- og: url(/آدرس منحصر به فرد صفحه)

در این نوع متا تگ اپن گراف (Open Graph) از آدرس یا URL صفحه استفاده می‌شود.

یک نکته مهم در هنگام استفاده از این متا تگ که باید رعایت کنید، این است که از URL اصلی (Canoniacal) استفاده شود. مثلاً اگر صفحه a به یک صفحه b ریدایرکت شده است، باید در این قطعه کد URL صفحه b وارد شود.

<meta property=”og:url” content=”https://mahvision.com/fa/articles/open-graph-meta-tag” />

 

4- og:image (تصویر مطلب)

در این نوع متا تگ اپن گراف (Open Graph) نیز از یک URL استفاده می‌شود؛ اما URL متعلق به یک تصویر است. با استفاده از این متا تگ می‌توانید تصویر مورد نظر خود در هنگام به اشتراک گذاشتن یک محتوا را مشخص کنید. بنابراین استفاده از این متا تگ می‌تواند تاثیر زیادی در افزایش نرخ تبدیل داشته باشد.

مطمئن شوید که متا تگ og:image را به کار برده باشید، وگرنه فیسبوک و سایر شبکه های اجتماعی یک تصویر غیر مرتبط را از صفحه برداشته و به عنوان عکس مطلب استفاده می کنند. بعضی مواقع نیز هیچ عکسی را انتخاب نمی‌کنند.

<meta property="og:image" content="https://mahvision.com/media/zoo/images/open-graph-meta-tag.jpg" />

 

5- Og:type (نوع محتوا)

در این نوع متا تگ اپن گراف (Open Graph) نوع محتوای به اشتراک گذاشته شده مشخص می‌شود؛ بنابراین در مقابل content در اسنیپت کد باید کلماتی مانند article (برای مقالات)، website (برای سایر صفحات سایت به جز پست‌ها و مقالات)، image و... قرار بگیرد. یک محتوا می‌تواند از نوع پست وبلاگ، ویدئو، تصویر یا هر چیز دیگری باشد.

 

<meta property="og:type" content="article" />

 

6- Og:locale (زبان محتوا)

همان طور که حدس می‌زنید، در این متا تگ اپن گراف (Open Graph) به زبان محتوا اشاره می‌شود و بیشتر برای محتوایی که به زبان‌های غیر از زبان انگلیسی نوشته شده باشد، کاربرد دارد چرا که در حالت پیش‌فرض انگلیسی است.

<meta property="og:locale" content="fa" />

  

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

برای آشنایی سوشیال سیگنال که یکی از اقدامات بازاریابی دیجیتال است، روی لینک زیر کلیک کنید.

سوشیال سیگنال

 

تاثیر متا تگ اپن گراف (Open Graph) بر سئوی سایت

به طور کلی، متا تگ های اپن گراف (Open Graph) تاثیر مستقیمی بر سئوی سایت ندارد و تاثیر آن بر شبکه های اجتماعی است البته که موتورهای جستجو و مخصوصاً ربات های خزنده گوگل به بررسی آن ها می پردازند و متا تگ های اپن گراف (Open Graph) را آنالیز می‌کنند تا ببنند آیا این اشتراک گذاری صفحات وب در شبکه های اجتماعی مرتبط به یکدیگر هستند یا خیر.

همچنین می‌توان گفت که متا تگ های اپن گراف (Open Graph) تاثیر مثبت غیر مستقیمی بر سئوی سایت شما خواهند داشت، زیرا که شبکه های اجتماعی در بسیاری از وبسایت‌ها یکی از بزرگ‌ترین منابع ترافیک به شمار می‌روند و این متا تگ ها می‌توانند بر روی نرخ تبدیل و نرخ کلیک بسیار تاثیرگذار باشند.

پس اگرچه اضافه کردن متا تگ های اپن گراف (Open Graph) بر روی سئوی داخلی سایت شما تاثیر مستقیمی نمی‌گذارد اما در افزایش کارایی لینک های شما در شبکه های اجتماعی موثر است، بنابراین بررسی و شناخت آنها کاملاً مهم است.

 

سئو تکنیکال یا سئو فنی یکی از شاخه‌های سئوی سایت است که بسیار می‌تواند به بهبود رتبه‌های سایت شما در نتایج سرچ کمک کند.

برای آشنایی با سئو تکنیکال یا سئو فنی روی لینک زیر کلیک کنید.

آموزش سئو تکنیکال

 

متا تگ اپن گراف (Open Graph) چیست؟

متا تگ اپن گراف (Open Graph) را می‌توان پروتکلی دانست که به یک صفحه وب اجازه می‌دهد تا به یک آیتم Rich Snippet در شبکه های اجتماعی تبدیل شود.

انواع متا تگ های اپن گراف (Open Graph) کدامند؟

تا به حال و به طور رسمی 17 نوع متا تگ اپن گراف (Open Graph) معرفی شده است که ما در این مقاله فقط به چند نوع مهم آن اشاره کرده‌ایم. مقاله را مطالعه فرمایید.