افتح مدقق الرسم البياني

قم باستخراج البيانات الوصفية لأي رسم بياني مفتوح والتحقق منها

افحص الرسوم البيانية المفتوحة باستخدام Open Graph Validator من ETTVI للتأكد من أن البيانات الوصفية لصفحة الويب تلفت الانتباه عند مشاركتها على وسائل التواصل الاجتماعي. تساعد هذه الأداة المتقدمة مشرفي المواقع على اكتشاف مدى جودة ظهور روابط الويب الخاصة بهم على Facebook وPinterest وInstagram وLinkedIn في الوقت الفعلي.

ما عليك سوى إدخال عنوان URL لصفحة الويب الخاصة بك ومعرفة مدى سرعة عرض Open Graph Validator الخاص بـ ETTVI للمعاينة والبيانات التعريفية للرسم البياني المفتوح. سيتم استخراج وتسليط الضوء على النسخ:

• عنوان الرسم البياني المفتوح

• وصف الرسم البياني المفتوح

• نوع مورد الويب

• اسم الموقع

• رابط الموقع

• رابط الصورة

يقوم برنامج Open Graph Generator Validator الرائد من ETTVI باستخراج  العلامات الوصفية لـ OG  - فهو يقوم تلقائيًا بجلب وعرض العلامات الوصفية للرسم البياني المفتوح. يمكن للمستخدم بسهولة نسخ أو تنزيل رموز الرسم البياني المفتوح المطلوب.

التحقق من العلامات الوصفية للرسم البياني المفتوح واستخراجها - معاينة كيفية ظهور روابط الويب على وسائل التواصل الاجتماعي مجانًا.

اتبع هذه الخطوات للتحقق من الرسم البياني المفتوح لأي رابط ويب:

الخطوة 1 "أدخل عنوان URL"

ضع رابط صفحة الويب للتحقق من صحة الرسم البياني المفتوح الخاص بها كما يلي:

الخطوة 2 "تشغيل الأداة"

انقر فوق التحقق من الصحة لتشغيل مدقق الرسم البياني المفتوح الخاص بـ ETTVI.

الخطوة 3 "معاينة الرسم البياني المفتوح"

سيعرض مدقق الرسم البياني المفتوح الخاص بـ ETTVI الرسم البياني المفتوح لإظهار كيفية ظهور الرابط الخاص بك على وسائل التواصل الاجتماعي كما يلي:

الخطوة 4 "التحقق من تفاصيل الرسم البياني المفتوح"

سيقوم مدقق الرسم البياني المفتوح الخاص بـ ETTVI باستخراج المعلومات التالية وإبرازها:

الخطوة 5 "احصل على العلامات الوصفية للرسم البياني المفتوح"

سيقوم برنامج التحقق من الرسم البياني المفتوح الخاص بـ ETTVI باستخراج العلامات التعريفية لـ OG وعرضها على النحو التالي:

انقر فوق أو لحفظ العلامات الوصفية للرسم البياني المفتوح المحدد.

يقدم برنامج Open Graph Validator من ETTVI الأفضل للتأكد مما إذا كان مستخدمو الوسائط الاجتماعية يجدون روابط الويب الخاصة بك ملحوظة أم لا. فهو يمكّنك من معاينة الرسم البياني المفتوح لأي ويب والتحقق منه في أقل من دقيقة. علاوة على ذلك، يمكنك بسهولة استخراج البيانات الوصفية والعلامات الوصفية القابلة للنسخ لأي رسم بياني مفتوح باستخدام أداة ETTVI المتقدمة.

قم بإلقاء نظرة أدناه لمعرفة ما يقدمه ETTVI's Open Graph Checker ولماذا يجب عليك اختياره:

واجهة سهلة الاستخدام

لقد تأكد فريق ETTVI من أنه يمكن للمستخدمين بسهولة العثور على هذه الأداة والوصول إليها واستخدامها لاختبار الرسم البياني المفتوح لأي مورد ويب. لقد تم عرض جميع ميزات ووظائف أداة التحقق من الرسم البياني المفتوح الخاصة بـ ETTVI بشكل بارز وصحيح وبطريقة منظمة. علاوة على ذلك، فقد تم تحديد ما يفعله اختبار الرسم البياني المفتوح من ETTVI، وكيف ولماذا يجب على المستخدمين استخدامه.

على وجه التحديد، فإن الطريقة التي تم بها تصميم هذه الأداة وتطويرها للتحقق من الرسم البياني المفتوح لأي رابط ويب هي رائعة حقًا. إنه يعمل بكفاءة ودقة لمساعدة مشرفي المواقع على التحقق من صحة أي رسم بياني مفتوح.

التحقق بنقرة واحدة

يتطلب برنامج ETTVI's Open Graph Validator من المستخدم إدخال عنوان URL لمورد الويب لجلب وعرض الرسم البياني المفتوح الخاص به. بنقرة واحدة فقط، يمكن للمستخدمين التحقق والتحقق من صحة الرسم البياني المفتوح لأي صفحة ويب. في حالة عثور المستخدم على أي مشكلة في فهم عمل الأداة، يمكنه قراءة الدليل المتكامل لمعرفة كيفية اختبار الرسم البياني المفتوح باستخدام Open Graph Validator من ETTVI.

استخراج سريع

عندما يقوم المستخدم بإدخال عنوان URL لمورد ويب، فإنه يقوم تلقائيًا بجلب وعرض جميع تفاصيل الرسم البياني المفتوح. باختصار، يقوم برنامج ETTVI's Open Graph Validator باستخراج البيانات الوصفية والعلامات الوصفية للرسم البياني المفتوح المطلوب ويمكّن المستخدمين من نسخها أو تنزيلها حسب الحاجة. من المؤكد أن جميع مشرفي المواقع بما في ذلك مُحسنات محركات البحث ومسوقو وسائل التواصل الاجتماعي والمدونون يمكنهم الاستفادة من هذه الأداة المتقدمة لتتبع العلامات الوصفية og أو عنوان ووصف أي رسم بياني مفتوح في الوقت الفعلي.

وصول مجاني وغير محدود

يمكّن ETTVI المستخدمين من الوصول إلى Open Graph Validator واستخدامه مجانًا. يمكن للأشخاص من جميع أنحاء العالم التحقق من صحة الرسوم البيانية المفتوحة باستخدام هذه الأداة المتقدمة - بغض النظر عن أي حد زمني أو اشتراك.

المحتوى هو الشيء الأكثر أهمية. ومع ذلك، فحتى أفضل المواد لن يتم ملاحظتها دون مشاركة الوسائط الاجتماعية والمنصات التي تشجع المشاركة. إذا أراد المستخدم زيادة الوصول إلى الحد الأقصى على الشبكات الاجتماعية، فإن أول شيء يجب على المستخدم فعله هو تحسين مظهر المحتوى عند مشاركته، وهو ما يمكن أن تفعله عمليات تحسين محركات البحث (SEO) باستخدام علامات Open Graph.

ما هي العلامات الوصفية للرسم البياني المفتوح؟

يمكن تحويل كل صفحة ويب إلى كائن غني في الرسم البياني الاجتماعي من خلال بروتوكول Open Graph. من الممكن تغيير كيفية ظهور عناوين URL على وسائل التواصل الاجتماعي عن طريق إضافة علامات تعريف Open Graph إلى رأس علامات HTML.

يحتوي قسم صفحة الويب على هذه العلامات. علامات الرسم البياني المفتوحة هي أي علامات تحتوي على البادئة og: قبل اسم الخاصية.

يتم ترميز العلامات الوصفية للرسوم البيانية المفتوحة على النحو التالي:

بعد معرفة ماهية علامات الرسم البياني المفتوحة، قد يسأل مُحسنو محركات البحث عن الشكل الذي يبدو عليه ترميز هذه العلامات.

الصيغة الأساسية لهذا الترميز هي كما يلي:

على الرغم من أن فيسبوك كان رائدًا في هذا المفهوم، إلا أنه تم تبنيه منذ ذلك الحين من قبل شركات التواصل الاجتماعي الأخرى. يتعرف Twitter وLinkedIn وGoogle على علامات الرسوم البيانية المفتوحة. على الرغم من أن تويتر لديه علامات وصفية خاصة به تسمى "بطاقات تويتر"، إلا أنه لا يزال يتعرف على علامات Open Graph ويستخدمها وسيفعل ذلك في حالة عدم العثور على بطاقات تويتر. ومع ذلك، يمكن لمُحسني محركات البحث استخدام مدقق الرسم البياني المفتوح الخاص بـ ETTVI، والذي يوفر نظرة عامة على العلامات الصالحة التي تم تنفيذها بنجاح.

لماذا يعد بروتوكول الرسم البياني المفتوح ضروريًا لموقع الويب؟

يعمل بروتوكول Open Graph على تحسين تجربة المستخدم للمحتوى المشترك. إنه يعزز عرض المحتوى ويجعله أكثر إثارة للاهتمام ويشجع القراء على النقر عليه.

على سبيل المثال، التعامل مع العناصر الغنية مثل:

• زيادة عدد الأشخاص الذين يزورون الموقع

• تحسين تصنيفات محركات البحث وزيادة المبيعات

• تحقيق روابط خلفية عالية الجودة للموقع

• زيادة عدد الأشخاص الذين يستجيبون لمحتوى معين

• زيادة متابعتك على وسائل التواصل الاجتماعي

• زيادة نسبة النقر إلى الظهور (CTR) لموقع الويب

استخدم علامات OG لإعلام شبكات التواصل الاجتماعي بالمحتوى الذي يجب أن تعرضه عندما يقوم شخص ما بمشاركة المحتوى. لا يعد Facebook مكانًا جيدًا لنشر رابط إذا كانت الصورة مفقودة أو كان العنوان غير صحيح. يمكن أيضًا استخدام علامات OG لاستهداف مجموعات أو مواقع معينة. على سبيل المثال، يمكن لمُحسّنات محرّكات البحث (SEO) التحكم في المعلومات التي تظهر للمستخدمين في منطقة معينة. لنبدأ ببعض الأساسيات المتعلقة بالبيانات الوصفية للرسوم البيانية المفتوحة.

أساسيات البيانات الوصفية

هناك أربع علامات وصفية أساسية يجب أن تتضمنها كل صفحة:

• og:title: عنوان الصفحة. ويجب ألا يتضمن هذا أي معرفات خاصة بالموقع، بل مجرد معلومات حول الصفحة نفسها.

• og:type: نوع محتوى الصفحة. النوع الأكثر شيوعًا هو موقع الويب، ولكن تتوفر المزيد من الأصناف إذا طلب مشرفو المواقع شيئًا أكثر تحديدًا.

• og:image: الصورة التي ستظهر في معاينة الرابط. وينبغي أن تكون هذه صورة تمثيلية لمحتوى الصفحة. بالإضافة إلى ذلك، من المفيد تضمين صورة احتياطية تمثل الموقع المرتبط بالرابط.

• og:url: عنوان URL الأساسي للصفحة. يجب أن يكون عنوان URL مؤهلاً بالكامل.

على الرغم من أن تنفيذ علامات Open Graph لن يكون له أي تأثير مباشر على تحسين محركات البحث على الصفحة، إلا أنه سيكون له بالتأكيد تأثير على أداء روابط الوسائط الاجتماعية. ونتيجة لذلك، فهو جانب حاسم للتحقيق!

فهم العلامات الوصفية على الفيسبوك

العلامات الوصفية للرسم البياني المفتوح على فيسبوك تأتي في مجموعة متنوعة من النكهات. فيما يلي العديد من أنواع الرسوم البيانية المفتوحة التي ستشرح كيفية استخدام كل منها.

و:العنوان

يتم تعريف عنوان المحتوى بهذه الطريقة كما قد يتوقع المستخدم. لا يزال بإمكان الكود استخدام علامة العنوان التعريفية القياسية لهذا الغرض. يتم استخدام عنوان التعريف بدلاً من علامة og:title إذا لم يحدد Facebook موقعه على الصفحة.

تأكد من أن تتذكر أن النص المعروض في ملف أخبار فيسبوك يكون بخط غامق وملفت للنظر بشكل لا يصدق. مثل عنوان مقال جيد للمدونة، يجب أن يكون مثيرًا للاهتمام.

القاعدة الأساسية المعقولة هي الالتزام بما بين 60 و90 حرفًا، ولكن لا توجد قيود أعلى أو أقل. سيقوم Facebook باقتطاع العنوان إلى 88 حرفًا فقط إذا كان أكثر من 100 حرف.

و:رابط

عند مشاركة صفحة، يكون من السهل تعيين عنوان URL الأساسي للصفحة. ويعني هذا بشكل أساسي أنه سيتم ربط جميع المشاركات بصفحة ويب واحدة. تعد هذه علامة مفيدة إذا كان المحتوى يحتوي على العديد من عناوين URL التي تشير إلى نفس الجزء من المحتوى. ملاحظة مهمة: يعرض موجز أخبار Facebook اسم النطاق فقط وليس عنوان URL الذي قدمه المستخدمون.

و: النوع

وهذا يعبر عن نوع الكائن، وفيما يلي بعض الأمثلة:

ترفيه:

• كتاب

• لعبة

• فيلم

هناك الكثير من التداخل بين واصف التعريف هذا وعلامة وصف تعريف HTML. يتم استخدام علامة og:description لوصف المحتوى الموجود على فيسبوك؛ ويظهر أسفل عنوان الرابط وليس في أعلى صفحة نتائج محرك البحث. لا تقضي الكثير من الوقت في محاولة معرفة كيفية تضمين الكلمات الرئيسية في المحتوى. ونتيجة لذلك، لن يكون لها أي تأثير على تصنيفات محرك البحث. ومع ذلك، إذا أراد مُحسنو محركات البحث (SEO) من المستخدمين أن ينقروا عليه، فيجب عليهم جعله مثيرًا للاهتمام وجذابًا، ويمكنهم التحقق من الوصف والعنوان والصورة والمحتوى الخاص بهم باستخدام مدقق الرسم البياني المفتوح لـ ETTVI.

بطاقات تويتر

بطاقات Tumblr هي نوع من العلامات الوصفية الاجتماعية المستخدمة فقط للتغريد.

يستخدم تويتر علامات بطاقة تويتر، والتي توفر قوة وخيارات أكبر عند توفرها. بخلاف ذلك، يتم استخدام Open Graph كإعداد افتراضي (مرة أخرى، إذا تم توفيره).

باستخدام بطاقات تويتر، يتم دمج محتوى إضافي، مثل الصور الفوتوغرافية ومقاطع الفيديو والوسائط الأخرى، على الفور في التغريدة، مما يزيد من التفاعل.

العلامات لبطاقات تويتر

Twitter: تحدد البطاقة نوع البطاقة المستخدمة في الموقف.

ملخص - يقدم بطاقة تلخيصية تتضمن صورة مربع مصحوبة بالمعلومات التلخيصية.

صورة ملخصة كبيرة: عندما تكون الصورة المستخدمة مستطيلة، يريد المستخدم استخدام صورة ملخصة كبيرة بدلاً من صورة ملخصة صغيرة.

تويتر:وصف (og:description) وصف للصفحة أو المقالة.

twitter:site باستخدام مقبض تويتر المرتبط بالنشاط التجاري أو موقع الويب

تويتر: الخالق (اختياري). مقبض تويتر لمنشئ المحتوى الذي تم إنشاؤه. فقط إذا تم تعريف بطاقة twitter: لتلخيص صورة كبيرة، فستكون هذه العلامة ذات معنى.

يمكن استخدام الصور المربعة (من خلال علامة twitter:image) التي يتراوح حجمها بين 4096 × 4096 و144 × 144 بكسل لـ Twitter:بطاقات تم تعيينها على الملخص.

كما يتم دعم الصور المستطيلة بين 4096 × 4096 و300 × 157 بكسل لمعلمة الصورة الكبيرة الموجزة، والتي يمكن استخدامها للصور الأكبر حجمًا. يتم دعم جميع ملفات JPG وWEBP وGIF وPNG، ويجب ألا يتجاوز حجم الملف 5 ميغابايت. من ناحية أخرى، لا يدعم تويتر صور GIF المتحركة. بدلا من ذلك، يتم استخدام الإطار الأول. ومع ذلك، ستساعد أداة Open Graph Checker من ETTVI محترفي تحسين محركات البحث (SEO) في تحديد علامات OG وتحسينها على صفحة الويب، وفقًا لاحتياجاتهم.

إعداد علامات الرسم البياني المفتوحة لـ Shopify على Facebook

يتم سحب علامات OG مثل og:title و og:image من متغيرات مثل علامة العنوان والصورة المميزة في معظم سمات Shopify. يمكن تخصيص علامة og:image فقط من خلال واجهة مستخدم Shopify. السمة / تخصيص / إعدادات السمة / تخصيص / الوسائط الاجتماعية / اختر صورة من القائمة المنسدلة. لكي ترى كيف يتم ذلك، انتقل إلى المتجر عبر الإنترنت > السمات > الإجراءات > تحرير التعليمات البرمجية > المقتطفات > سائل العلامات التعريفية الاجتماعية في شريط التمرير. إذا كان المستخدمون بحاجة إلى إجراء تغييرات على التعليمات البرمجية، فيمكنهم القيام بذلك.

يسمح Wix بإضافة علامات الرسم البياني المفتوحة

بالإضافة إلى العنوان التعريفي للصفحة ووصفها، يستخدم Wix أيضًا بيانات أخرى لملء علامات OG النموذجية.

في خيارات "المشاركة الاجتماعية"، يمكن للمستخدمين تغيير وصف OG لكل صفحة وعنوانها وصورتها. يمكن أيضًا تخصيص صورة OG للموقع بأكمله. في القائمة الرئيسية، حدد الإعدادات > المشاركة الاجتماعية. يجعل Wix من السهل إضافة علامات OG لأنه لا يوجد شيء يحتاج إلى ترميز ثابت.

افتح علامات الرسم البياني في لوحة إدارة WordPress

يمكن أن يساعد البرنامج الإضافي SEO الخاص بـ Yoast في تحسين تصنيفات محرك البحث لموقع الويب. يجب أن يتم عرض صندوق أدوات تحسين محركات البحث (SEO) في محرر المنشور أو الصفحة، وصولاً إلى الأسفل. حدد "Facebook" من القائمة المنسدلة "Social".

لتعيين علامات og:description، وog:title، وog:image، اكتب المعلومات هنا. ليست هناك حاجة لتعيين og:url بشكل صريح، حيث يتعامل Yoast مع هذا. يتم أيضًا تضمين أبعاد الصورة في قائمة علامات OG التي يمكن أن تكون مفيدة. ربما لم يكن المستخدم على علم بذلك، ولكن إذا لم يكن لدى المستخدم صورة مميزة للمنشور، فسوف يستخدم Yoast تلك الصورة افتراضيًا. لتوفير الوقت، سيتم أيضًا إضافة علامات Twitter وعلامات OG أخرى، مثل اسم الموقع وحجم الصورة وما إلى ذلك.

يوصى أيضًا بتعيين علامة og:image على مستوى الموقع. عندما لا يحتوي عنوان URL المشترك على علامة مخصصة، يتم عرض هذه الرسالة. باستخدام إعدادات Yoast، سيتم تحديد هذا الخيار. Yoast > Facebook > الشبكات الاجتماعية بمجرد ضبط المفتاح على "ممكّن"، أرسل الصورة المناسبة. هذا مكان جيد لصور العلامة التجارية.

ماذا سيحدث إذا لم يكن المنشور يحتوي على علامات OG؟

بشكل افتراضي، ستبذل معظم الشبكات الاجتماعية قصارى جهدها لإنشاء نظرة خاطفة على المحتوى. في أغلب الأحيان، لا يسير الأمر كما هو مخطط له. حتى لو ظهر اسم صفحتي في العنوان والوصف، فإن التغريدة ليست ملفتة للنظر بشكل خاص. نرى قصة مختلفة عند مقارنتها بمعاينة منشور واحد. إذًا، ماذا يحدث إذا لم يستخدم المستخدم علامات الرسم البياني المفتوحة على موقعه على الويب؟ لن يحدث أي شيء فظيع، لكنها لن تكون قادرة على استخدام بعض الخصائص التي تميز المحتوى عن طوفان المحتوى الآخر المنشور عبر الإنترنت.