متا تگ Open graph از جمله متا تگ هايي است كه در راستاي بهينه سازي سورس سايت بايد شناخت كافي از آن، داشته باشيد. برخي از متا تگ ها در سئو اهميت بسيار زيادي دارند و مستقيما روي رتبه و سئو سايت اثرگذار هستند، برخي متا تگ ها نيز اثرگذاري غيرمستقيم دارند. متا تگ Open graph نيز در اين دسته بندي قرار مي گيرد.

ما در اين مقاله سعي كرديم به طور كامل اين تگ را براي شما شرح دهيم و نكات مهم آن را به شما آموزش دهيم.

منظور از متا تگ Open graph چيست؟

آيا شده تاكنون به اين فكر كنيد كه چگونه مي توانيد محتواي خود را در رسانه هاي اجتماعي پربازديدتر و قابل توجه تر كنيد؟ پيشنهاد ما به شما متا تگ هاي Open graph هستند. زماني كه يكي از پست هاي شما در فيسبوك با متاتگ هاي اپن گراف به اشتراك گذاشته مي شود، متوجه تاثير آن خواهيد شد. متاتگ هاي Open graph قطعه هايي از كد هستند كه شيوه نمايش url ها در زمان اشتراك گذاري در رسانه هاي اجتماعي را كنترل خواهند كرد. آنها بخشي از پروتكل Open graph فيسبوك بوده و همچنين توسط ديگر رسانه هاي اجتماعي همچون لينكدين و توييتر هم استفاده خواهند شد.

متاتگ هاي اپن گراف را در بخش head صفحه سايت مي توانيد پيدا كنيد

هر كدام از اين متا تگ ها با :og نمايش داده مي شوند. به تصوير زير توجه كنيد:

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

مردم محتواي اشتراك گذاري شده را با تگ هاي og بهينه شده مي بينند و تمايل بيشتر دارند كه روي آن، كليك كنند و اين يعني ترافيك بيشتر رسانه هاي اجتماعي به وب سايت شما. براي اين موضوع سه دليل وجود دارد:

• تگ اپن گراف محتوا را در فيدهاي رسانه هاي اجتماعي جذاب تر مي كنند
• تگ اپن گراف در يك نگاه به مردم مي گويند كه محتوا در ارتباط با چه چيزي است
• تگ اپن گراف به فيسبوك كمك مي كنند تا بفهمد محتوا در ارتباط با چيست و مي تواند با افزايش ديد برند شما از طريق جستجو كمك كند.

از كدام متاتگ هاي Open Graph بايد استفاده كنيد؟

فيس بوك ۱۷ تگ og را در اسناد رسمي خود به اضافه ۱۰ نوع شي فهرست كرده است. البته قرار نيست در ارتباط با همه اين موارد با يكديگر صحبت كنيم بلكه تنها چهار مورد براي فيسبوك لازم است تا اصول صفحه شما را متوجه شود؛ بقيه موارد كاربرد كمتري دارند.

مشخص كردن عنوان با كد og:title

همان طور كه مشخص است، شما با اين قطعه كد عنوان صفحه را مشخص مي كنيد:

مانند:

به اشتراك گذاري آدرس صفحه با كد og:url

اين قطعه كد براي تعيين آدرس صفحه است. به مثال زير توجه كنيد:

به اشتراك گذاري تصاوير با كد og:image

اين رشته كد براي مشخص كردن آدرس يك تصوير در شبكه هاي اجتماعي است:

توجه داشته باشيد كه اين شهر ضروري ترين تگ Open graph باشد؛ زيرا بيشترين حجم از شبكه اجتماعي را اشغال خواهد كرد.

مانند:

تعيين نوع فايل با كد og:type

شما با بكارگيري اين كد، نوع چيزي كه قرار است به اشتراك گذاشته شود را تعيين مي كنيد. به عنوان مثال مي تواند مقاله، وب سايت يا هر چيز ديگري باشد.

مانند:

معمولا از اين رشته كد براي به اشتراك گذاري فايل pdf يا ورد استفاده مي كنند. در نتيجه شما نيز مي توانيد براي به اشتراك گذاري يك فايل با تعيين نوع آن به وسيله اين كد، در شبكه هاي اجتماعي، فايل خود را بهتر، به اشتراك بگذاريد.

توضيحات كوتاه با og:description

به وسيله اين كد مي بايست شرح كوتاهي از مطالب را بنويسيد. در مثال زير ما براي يك صفحه با عنوان آموزش سئو 2023، توضيح داديم كه هدف از ارائه محتوا چيست.

تعيين زبان محتوا با كد Og:local

به وسيله اين كد مي بايست زبان محتوا را مشخص كنيد. در مثال زير زبان محتوا را انگليسي معرفي كرديم:

نحوه پياده سازي متاتگ Open graph

پلتفرم وبسايت ها معمولاً يكي از چهار شكل زير است:

• وردپرس
• Shopify
• Wix
• سايت برنامه نويسي شده

در ادامه نحوه تنظيم و پياده سازي متا تگ Open Graph در سايت هاي وردپرسي را براي شما شرح مي دهيم:

تنظيم تگ هاي open graph در وردپرس

ابتدا مي بايست افزونه Yoast Seo را نصب كنيد. در ويرايش هر صفحه، تنظيمات افزونه يوآست سئو در انتهاي صفحه، قرار دارد. به انتهاي صفحه مراجعه كنيد و تب "اجتماعي" در افزونه را باز كنيد.

در اين بخش بايد 3 قسمت زير را پر كنيد:

1. تصوير facebook
2. عنوان facebook
3. توضيح facebook

به تنظيم دستي براي og:url نياز نداريد؛ زيرا Yoast اين كار را براي شما انجام خواهد داد.

نكته مهم: اگر تصوير Open Graph را تنظيم نكنيد و پست داراي يك تصوير برجسته باشد، Yoast به شكل پيش فرض از آن استفاده خواهد كرد؛ همچنين ديگر تگ هاي Open Graph و Twitter Card را به صورت پيش فرض اضافه خواهد كرد. در نتيجه سعي كنيد كه حتما اين بخش ها را كامل كنيد.

تنظيم Open graph به صورت دستي

اگر با جستجوي كد وب سايت مشكلي نداريد، اضافه كردن تگ هاي Open Graph به همان سادگي است كه آنها را در بخش هاي head صفحه وب خود قرار دهيد. رشته كد هاي Open Graph در وب سايت هاي مختلفي وجود دارد و شما مي توانيد از اين رشته كدها، الگوبرداري كنيد و كد را براي صفحات سايت خود، آماده كنيد.

نتيجه گيري

متا تگ هاي Open Graph نقش مهمي در فعاليت شما در رسانه هاي اجتماعي دارد. اما اصلاً لازم نيست كه زمان زيادي را براي آنها صرف كنيد؛ پياده سازي تگ هاي Open Graph به روش هاي مختلفي انجام مي شود و شما به راحتي مي توانيد اين متا تگ را براي صفحات خاص خود، پياده سازي كنيد