الموضوع

صور OG لمقالات المدونة

صورة OG لمقالات المدونة هي صورة المعاينة الاجتماعية بمقاس 1200×630 التي تظهر عند مشاركة مقالك على X أو LinkedIn أو Facebook أو Slack أو WhatsApp. يقوم FastOG بتوليدها ديناميكيًا عند الطلب من عنوان مقالك ومقتطفه ومؤلفه — دون أي عمل تصميمي، أو رفع ملفات، أو اشتراكات، أو تسجيل دخول للبدء.

لماذا يحتاج كل منشور مدونة إلى صورة OG خاصة به

الرابط الذي تتم مشاركته دون بطاقة، أو ببطاقة عامة قديمة، يضيع بين بقية المنشورات. البطاقة الخاصة بكل منشور والتي تحمل العنوان الفعلي وتصميمًا نظيفًا تحقق المزيد من المشاركات والنقرات. تكلفة إنشاء بطاقة لكل منشور يدويًا هي السبب وراء اكتفاء معظم المدونات بصورة افتراضية واحدة — وهذا بالضبط هو المشكلة التي يحلها FastOG.

كيفية الحصول على صورة OG ديناميكية لمنشور مدونة

تقوم بتوقيع عنوان URL في وقت عرض الصفحة باستخدام template=blog، وعنوان المنشور، ومقتطف، والمؤلف. يجلبها زاحف الشبكات الاجتماعية، ويقوم FastOG بإنشاء صورة PNG مرة واحدة، وتقوم Cloudflare بتخزينها مؤقتًا بحيث تكون كل مشاركة لاحقة فورية ومجانية.

tsx

// Next.js App Router — app/blog/[slug]/page.tsx
export async function generateMetadata({ params }) {
    const post = await getPost(params.slug);
    return {
        title: post.title,
        openGraph: {
            images: [generateOgImageUrl({
                template: "blog",
                title: post.title,
                subtitle: post.excerpt,
                author: post.author.name,
            })],
        },
    };
}

استخدم template=blog لبطاقة مدونة مخصصة مع المؤلف والعنوان الرئيسي، أو default لتخطيط أنظف يعرض العنوان فقط. تُعرض جميع القوالب بدقة 1200×630.

أي قالب يناسب مدونتك

إذا كانت مدونتك…	استخدم القالب	ميزة إضافية
تعرض اسم المؤلف + المقتطف	`blog`	سطر المؤلف مضمّن
تعتمد غالبًا على العنوان + الشعار	`default`	بسيط ومركّز على العلامة
تستخدم صورة أو غلافًا مرئيًا	`editorial` / `image-right`	تخطيط قائم على الصور
تنشر منشورات إطلاق / منتجات	`launch`	حقول الإصدار + النطاق

الأسئلة الشائعة

كم تبلغ تكلفة FastOG لمقالات المدونات؟

عملية عرض واحدة لكل صورة فريدة؛ الروابط المتطابقة تُخزَّن مؤقتًا على الحافة (edge) إلى الأبد ولا تُحتسب ضمن حصتك الشهرية.

هل أحتاج إلى إعادة إنشاء الصورة عند تعديل مقال؟

فقط إذا تغيّر العنوان أو المقتطف أو المؤلف — يعتمد الرابط على المحتوى، لذا فإن تغيير المحتوى ينتج عنه رابط جديد وعرض جديد. الرابط غير المتغيّر يبقى مخزَّنًا مؤقتًا ولا يُحتسب ضمن حصتك.

هل يمكنني استخدام FastOG مع إطار عمل مدونتي الحالي؟

نعم. توجد موقّعات (signers) جاهزة للتركيب الفوري لـ Next.js وReact وSvelteKit وVue/Nuxt وAstro وExpress وVanilla Node.js وJavaScript وPHP/Laravel وPython وRuby/Rails. راجع صفحة SDK.

جرّبه مجانًا — لا حاجة للتسجيل

معاينة واختبار صور OG الديناميكية في ثوانٍ.

افتح أداة اختبار OG المجانية