متا تگ‌های Open Graph

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

نمونه متا تگ‌های Open Graph:

<meta property="og:title" content="عنوان صفحه شما" />
<meta property="og:description" content="توضیح مختصر و جذاب درباره صفحه" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="نام سایت شما" />

توضیح متا تگ‌ها:

• og:title → عنوان صفحه (مشابه تگ <title>).
• og:description → توضیح کوتاهی از محتوای صفحه.
• og:image → تصویر شاخص که در پیش‌نمایش نمایش داده می‌شود.
• og:url → آدرس صفحه که باید به اشتراک گذاشته شود.
• og:type → نوع محتوا (مثلاً website، article، video.movie و غیره).
• og:site_name → نام سایت شما.

موارد تکمیلی:

اگر صفحه شما شامل محتوای ویدئویی یا صوتی است، می‌توانید از این تگ‌ها هم استفاده کنید:

<meta property="og:video" content="https://example.com/video.mp4" />
<meta property="og:audio" content="https://example.com/audio.mp3" />

تأثیر Open Graph:

• بهبود نمایش در شبکه‌های اجتماعی مثل فیسبوک، لینکدین و تلگرام.
• افزایش کلیک‌ها (CTR) از طریق پیش‌نمایش جذاب‌تر.
• سئو بهتر در شبکه‌های اجتماعی (Social SEO).