متاتگ اپن گراف و کلی سوال
متاتگ اپن گراف سایت ( متادیتا اپن گراف ) چیست؟ آیا تا به حال برای شما پیشنهاد آمده که وقتی یک محتوایی را از سایت خودتون داخل فیس بوک منتشر می کنید، مطلب شما بدون عکس ظاهر می شود. در حالی که در آن صفحه از سایت شما پر از عکس است! چرا هیچکدام از آن ها پس ظاهر نمی شوند؟! جواب این سوال برمی گردد به کدهای داخل سایت شما و دقیق تر اگر بخواهیم بگیم، دلیل آن متاتگ اپن گراف سایت شماست. اما
- این متاتگ اپن گراف چیست؟
- چگونه می توانیم آن را تغییر بدهیم؟
- چگونه می توان به بهترین شکل از متاتگ برای سئو سایت استفاده کرد؟
- برای درست کردن متاتگ اپن گراف چه کار باید انجام دهیم؟
- چه افزونه های در وردپرس برای متاتگ می تونم استفاده کنم؟
- سایت من استاتیک است، من چه کاری باید انجام دهم؟
اگر شما هم این سوالات را دارید، پیشنهاد می کنم این مقاله را تا انتها بخوانید اگر هم بازم سوالی داشتید و یا نیاز به راهنمایی در مورد سایت خودتون داشتید می توانید در بخش نظرات با نباتک در ارتباط باشید.
متاتگ اپن گراف چیست
متاتگ اپن گراف ( metadata open graph ) کدهایی هستند که ماهیت صفحات سایت شما را برای فیس بوک مشخص می کنند. برای این که متوجه شوید، متاتگ اپن گراف کجاست کافی است کدهای همان صفحه را ببینید، آن گاه متوجه خواهید شد که در Head همان صفحه ( البته در حالت استاندارد) کدهای متاتگ اپن گراف وجود دارد. در غیر این صورت این کدها برای سایت شما ( صفحات شما) تعریف نشده اند.
کدهای متاتگ اپن گراف
تمام متاتگ های اپن گراف فیس بوک با پیشوند og آغاز می شوند، بعد از آن property ( خاصیت ) مورد نظری که قرار است به صفحه داده شود، می آید.
کدهای اصلی
og:title عنوان صفحه ای که قرار است در فیس بوک نمایش داده شود- مثلا برای این صفحه اپن گراف چیست
og:type جنس محتوایی که در صفحه است، را مشخص می کند. مانند ویدیو- مقاله
og:image عکسی که هنگام اشتراک گذاری در شبکه های اجتماعی باید نشان داده شود.
og:url آدرس url صفحه مورد نظر که محتوا در آن قرار دارد.
برای مثال متاتگ اپن گراف همین صفحه سایت نباتک به صورت زیر است. متاتگ اپن گراف سایت نباتک در تگ image بهتر است عکسی که برای اشتراک گذاری در فیس بوک انتخاب می شود، مربعی بود. همچنین حداقل ابعاد این عکس 600px می باشد.
کدهای اختیاری
علاوه بر کدهای اصلی متاتگ اپن گراف، کدهایی هستند که می تونند به صفحات اضافه شوند اما وجود آن ها ضروری نیست.
برای مثال متادیتا اپن گراف مانند: og:audio آدرس url صفحه ای که دارای محتوای صوتی است که مطلب این صفحه را تکمیل می کند.
og:video آدرس url صفحه ای که محتوای ویدیو مرتبط با این صفحه در آن قرار دارد.
og:description یک یا دوجمله توضیحی درباره محتوای موجود در صفحه
og:locale زبان مورد نظر را مشخص می کند که برای سایت های فارسی این مقدار fa_IR می باشد.
که البته هر کدام از این متاتگ های اپن گراف مانند بخش قبل تقسیمات جزیی تری هم می توانند داشته باشند. مثلا برای متادیتای اپن گراف ویدیو: متاتگ اپن گراف ویدیو
افزونه open graph وردپرس
اگر سایت شما وردپرسی است، برای درج متاتگ اپن گراف بهترین راه حل استفاده از همان اقزونه یواست سئو می باشد. این افزونه به صورت اتوماتیک متاتگ اپن گراف را برای صفحات سایت شما می سازد و شما می توانید نحوه نمایش محتوای صفحه را در فیس بوک مشخص کنید. برای دریافت آخرین نسخه کامل تجاری افزونه یواست سئو می توانید در این جا کلیک کنید. برای سایر سایت ها با cms های متفاوت نیز می توانید از لینک های معرفی شده برای متاتگ اپن گراف سایتتون استفاده کنید.
- متاتگ اپن گراف برای دروپال Dropal
- متاتگ اپن گراف برای جوملا Joomla
- متاتگ اپن گراف برای اپن کارت Opencard