متا تگ Open Graph چیست و چگونه بر سئو تأثیر می گذارند؟
شنبه 03/خرداد/1404 38 سئو و بهینه سازی سایت

متا تگ Open Graph چیست و چگونه بر سئو تأثیر می گذارند؟

متا تگ Open Graph چیست

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

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

در مورد تلگرام هم، این شبکه اجتماعی از Open Graph برای نمایش پیش نمایش لینک ها بهره می برد، بنابراین شما می توانید مانند فیسبوک، از متا تگ های OG برای بهتر شدن تجربه به اشتراک گذاری در تلگرام استفاده کنید.

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

در نهایت، متا تگ های OG به طور کلی به شما این امکان را می دهند که کنترل بیشتری بر نحوه نمایش محتوای خود در پلتفرم های اجتماعی داشته باشید و تجربه کاربری بهتری را برای کاربران خود فراهم کنید.

چرا تگ های Open Graph مهم هستند؟

تگ های Open Graph اهمیت ویژه ای در ارتقاء حضور محتوای شما در شبکه های اجتماعی دارند و تأثیر قابل توجهی در جذب ترافیک به وب سایت شما می گذارند. استفاده بهینه از این تگ ها می تواند شانس دیده شدن محتوای شما را در فیدهای اجتماعی افزایش دهد و در نتیجه، تعداد کلیک ها و اشتراک گذاری های آن را بالا ببرد. این تگ ها به نوعی به شما این امکان را می دهند که محتوای سایت خود را به طور مؤثرتر و جذاب تر در پلتفرم های اجتماعی ارائه دهید. دلایل اهمیت این تگ ها عبارتند از:

جذابیت بصری:

تگ های Open Graph باعث می شوند محتوای شما در فیدهای شبکه های اجتماعی چشم نوازتر و جذاب تر به نظر برسد.

اطلاعات دقیق تر:

این تگ ها به شما این امکان را می دهند که توضیحات و عنوانی دقیق و مفید برای محتوای خود بنویسید تا کاربران در یک نگاه بفهمند محتوای شما چیست.

درک بهتر:

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

انواع تگ Open Graph

تگ های Open Graph مختلفی وجود دارند که باید به آن ها توجه کرد:

  • og:title: برای تعیین عنوان صفحه وب که هنگام به اشتراک گذاری در شبکه های اجتماعی نمایش داده می شود.
  • og:description: برای توضیحات کوتاهی که در زیر عنوان به نمایش درمی آید.
  • og:image: برای تصویر پیش نمایش که در کنار لینک در شبکه های اجتماعی نمایش داده می شود.
  • og:type: برای تعیین نوع محتوا (مثلاً صفحه وب، ویدیو، مقاله و غیره).
  • og:url: برای URL صفحه وب که باید هنگام اشتراک گذاری استفاده شود.
  • og:site_name: برای نام سایت شما که در اشتراک گذاری لینک ها نشان داده می شود.

نکات مربوط به متا تگ ها

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

فیسبوک پیشنهاد می کند که توضیحات شما در 2-4 جمله کوتاه باشد، در حالی که گوگل به شما توصیه می کند طول توضیحات را تا 160 کاراکتر محدود کنید.

متاتگ Title: تگ og:title عنوان صفحه شما را مشخص می کند. این عنوان باید به طور دقیق محتوای صفحه را توصیف کند و توجه کاربران را جلب کند. برای تنظیم این تگ می توانید از افزونه هایی مانند Rank Math SEO یا Yoast SEO استفاده کنید و از متغیرهای پویا بهره ببرید، مثلاً برای سایت های چندگانه از متغیر %sitename% برای درج نام سایت استفاده کنید.

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

نحوه استفاده از متا تگ های OG در کدهای سایت

برای استفاده از متا تگ های OG در سایت، دو روش اصلی وجود دارد: یکی روش دستی و دیگری استفاده از افزونه های مدیریت سئو مانند YOAST در وردپرس.

روش دستی: اگر به کدهای سایت خود دسترسی دارید، به راحتی می توانید متا تگ های OG را در بخش <head> هر صفحه ای که می خواهید، قرار دهید. این روش به شما این امکان را می دهد که تگ های دلخواه خود را به طور مستقیم در کدهای HTML سایت وارد کنید.

روش افزونه YOAST در وردپرس: اگر از وردپرس استفاده می کنید، نصب افزونه YOAST SEO این امکان را به شما می دهد که به راحتی متا تگ های OG را تنظیم کنید. پس از نصب این افزونه، در قسمت ویرایش هر صفحه، تب «اجتماعی» ظاهر می شود. در این بخش می توانید عنوان، توضیحات و تصویر برای متا تگ های OG را وارد کنید. افزونه به طور خودکار URL صفحه را تنظیم می کند و اگر تصویری خاص برای متا تگ OG نداشته باشید، تصویر شاخص صفحه به عنوان پیش فرض انتخاب می شود.

انواع متا تگ های OG

فیسبوک تا به امروز 17 تگ مختلف برای Open Graph معرفی کرده است. اگرچه نیازی نیست از تمام این تگ ها استفاده کنید، چند تگ اصلی وجود دارند که برای اشتراک گذاری صحیح و ساختارمند مطالب در شبکه های اجتماعی ضروری هستند. در ادامه برخی از مهم ترین این تگ ها را معرفی می کنیم:

og:title

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

<meta property="og:title" content="Open Graph Meta Tags: عنوان صفحه" />

در انتخاب عنوان دقت کنید که باید محتوای صفحه را به طور دقیق توضیح دهد و توجه کاربران را جلب کند. توصیه می شود از عنوان های کوتاه و جذاب استفاده کنید که به خوبی بر روی موبایل و دسکتاپ نمایش داده شوند. معمولاً عنوانی بین 40 کاراکتر برای موبایل و 60 کاراکتر برای دسکتاپ مناسب است. از استفاده از نام برند یا سایت در عنوان خودداری کنید و تنها عنوان صفحه را وارد کنید.

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

تگ های Open Graph و نحوه استفاده از آن ها

استفاده از تگ های Open Graph برای به اشتراک گذاری بهتر مطالب در شبکه های اجتماعی بسیار مهم است. در ادامه به برخی از مهم ترین تگ های OG و نحوه استفاده از آن ها پرداخته ایم:

1. og:url

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

کد تگ به صورت زیر است:

<meta property="og:url" content="https://آدرس صفحه/" />

2. og:image

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

کد تگ به شکل زیر است:

<meta property="og:image" content="https://آدرس تصویر/" />

توصیه می شود ابعاد تصویر 1200x630 پیکسل باشد و نسبت ابعاد تصویر 1.91:1 باشد.

3. og:description

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

کد تگ به صورت زیر است:

<meta property="og:description" content="توضیحات درمورد محتوا." />

4. og:locale

این تگ برای مشخص کردن زبان صفحه استفاده می شود. به ویژه برای زبان های غیر از انگلیسی آمریکایی مهم است، زیرا اگر این تگ را نداشته باشید، زبان صفحه به طور پیش فرض انگلیسی در نظر گرفته می شود.

کد تگ به شکل زیر است:

<meta property="og:locale" content="زبان صفحه" />

برای مثال، اگر زبان صفحه فارسی باشد، مقدار آن باید fa_IR باشد.

5. og:type

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

کد تگ به شکل زیر است:

<meta property="og:type" content="نوع محتوا" />

به عنوان مثال:

برای مقاله:

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

برای صفحات وب سایت:

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

استفاده صحیح از این تگ ها باعث می شود محتوای شما در شبکه های اجتماعی به طور مؤثری نمایش داده شود و شانس کلیک و اشتراک گذاری آن افزایش یابد.

درباره این مطلب دیدگاهی بنویسید...

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

نظرات (0)