open graph چیست؟ اپن گراف چرا برای ما مهم است؟

1 0 نظر
دپارتمان: آموزش سئو

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

احتمالا مشاهده کرده اید زمانی که در واتساپ لینک سایتی را ارسال می کنید، یک مستطیل ارسال میشود که شامل یک عکس، عنوان، توضیح و لینک میباشد. اما چطور؟ اگر شما بخواهید یک مقاله را که دارای چندین عکس میباشد را در فیسبوک به اشتراک بگذارید، آیا میدانید کدام متن وعکس ازآن مقاله به نمایش در خواهد آمد؟ فیسبوک از کجا تشخیص بدهد کدام یک مد نظرما است؟  با ما همراه باشید تا در ادامه شما را با جادوی (Open Graph Protocol) آشنا کنیم.

 

نقش شبکه‌های اجتماعی در سئو

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

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

 

 بک لینک چیستمقاله مرتبط: بک لینک چیست و چگونه بک لینک صحیح و کارآمد بسازیم؟

 

شبکه های اجتماعی مزایای فراوانی برای وبسایت و برند ما دارند که در ادامه به تعدادی از آنها اشاره شده:

  • ترافیک رایگان
  • تبلیغات رایگان
  • کمک به برند سازی
  • افزایش وفاداری مشتری
  • بهبود ارتباط با مشتری و پشتیبانی
  • افزایش فروش به صورت مستقیم وغیرمستقیم

 

اپن گراف,open graph

 

چگونه از شبکه های اجتماعی به بهترین شکل استفاده کنیم؟

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

 

اهمیت بازدید کننده ها

ما باید در کنار محتوای قوی و ظاهر زیبا بتوانیم ترافیک مناسبی وارد سایت کنیم. ترافیک میتواند از روش های رایگان و یا غیررایگان ایجاد شود. دراین بخش ترافیکی مدنظر ماست که از طریق شبکه های اجتماعی ایجاد میشود. این ترافیک بسیار ارزشمند است چراکه:

  • ورود کاربر ازاین طریق به سایت، تاثیر بسیار مثبتی درسئو دارد.
  • نرخ تبدیل بازدید کننده به کاربرثبت نامی وحتی خریدار (conversion rate) بالاتر میباشد.

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

 

Open Graph وارد میشود!

معرفی اپن گراف برای اولین با توسط فیسبوک انجام شد که برمیگردد به سال 2010. بعد از آن بقیه رقبای فیسبوک هم این قابلیت را برای خودشون ایجاد کردند تا الان که میشود گفت اکثر شبکه های اجتماعی (توییتر، واتساپ و...) قادر به شناسایی این متا تگ ها هستند. بگذارید ابتدا یک تعریف ساده از اپن گراف داشته باشیم.

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

 

Open Graph Protocol پروتکلی است که هر وبسایت با آن میتواند به یک عنصر اصطلاحا Rich در شبکه های اجتماعی تبدیل شود. در واقع اپن گراف مجموعه ای از متا تگ هایی است که با og شروع میشوند و در قسمت Head کدهای html وبسایت ما جای میگیرند.

 

چرا اپن گراف ها ارزشمندند؟

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

 

آموزش seoآموزش مرتبط: آموزش سئو

 

از کدام تگ های اپن گراف باید استفاده کنیم؟

ما دراین بخش چند تا از اصلی ترین تگ های اپن گراف را معرفی خواهیم کرد.

og:title

عنوان صفحه

<meta property="og:title" content="آکادمی آی تی - آموزش طراحی و برنامه نویسی وب سایت"/>

نکات مهم:

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

 

og:url

آدرس اینترنتی محتوا

<meta property="og:url" content="https://academyit.net"/>

 

og:image

آدرس اینترنتی عکس مدنظر برای این بخش

توجه داشته باشید که این تگ تقریبا ضروری ترین تگ اپن گراف است.چرا که از نظر اندازه و جلوه ای که در محتوا دارد، دارای بیشترین سهم است.

<meta property="og:image" content="https://academyit.net/assets/site/images/header-logo-primary.png">

نکات مهم:

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

نکاتی درمورد تگ image در فیسبوک:

  • حداقل ابعاد مجاز 200*200 پیکسل است.
  • حجم تصویر نباید از 8 مگابایت عبور کند.
  • برای داشتن بهترین نمایش در دستگاه های با وضوح بالا از تصاویری استفاده کنید که حداقل 1200*600 پیکسل باشند.

 

og:type

نوع محتوا

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

نکات مهم:

  • از "article" برای مقالات و از "website" برای باقی صفحات استفاده کنید.
  • در صورت تمایل میتوانید نوع محتوا را بیشتر توضیح دهید. برای مثال میتوانید برای کتاب از"book" برای موسیقی از"music" برای ویدئو از"video" و... استفاده کنید.

 

og:description

توضیح مختصری راجع به محتوا 

<meta name="description" content="آکادمی آی تی مرجع آموزش طراحی سایت، برنامه نویسی وب و بهینه سازی وب سایت پروژه محور">

نکات مهم:

  • میتوانید توضیح تکمیلی تراز "Title" را دراینجا داشته باشید تا جذاب تر شود.
  • میتوانید محتوای داخل تگ متای Description صفحه مورد نظرتان را در این قسمت نیز داشته باشید.
  • برگویا و کوتاه بودن آن توجه کنید. برای مثال فیسبوک 2 تا 4 جمله را توصیه میکند، هرچند اغلب خودش آن را کوتاه تر میکند سپس نمایش میدهد.

 

og:locale

زبان محتوا

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

نکته مهم:

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

سبد خرید

سبد خرید شما خالی است.