فحص وسوم OG على localhost والبيئة التجريبية
لا تستطيع أدوات جلب الروابط عبر الإنترنت الوصول إلى localhost أو الشبكة الداخلية أو موقع تجريبي محمي بتسجيل الدخول. تعمل هذه الأداة على HTML الملصوق، لذلك يمكنك اختبار وسوم og وبطاقات Twitter قبل أن تصبح الصفحة عامة.
كيف تختبر صفحة خاصة أو محلية
-
1
افتح الصفحة محليا
حمّل الصفحة في متصفحك من localhost أو من عنوان البيئة التجريبية، وسجّل الدخول إن لزم الأمر.
-
2
انسخ المصدر
افتح view-source وانسخ الجزء head، أو المستند كاملا.
-
3
الصقه هنا
ألصقه في خانة HTML رأس الصفحة، ثم اضغط التالي ثم النتائج.
-
4
أصلح قبل الإطلاق
عالج أي عنصر أحمر، وأعد تحميل صفحتك المحلية، وانسخ المصدر مجددا وأعد الفحص.
لماذا يعمل HTML الملصوق حيث تفشل ماسحات الروابط
يجب على أداة تأخذ رابطا أن تجلب الصفحة من الإنترنت. لا تستطيع فتح http://localhost:3000 أو صفحة على شبكة خاصة أو موقع تجريبي يطلب كلمة مرور. ولأن هذه الأداة تقرأ النص الذي تلصقه فقط، فلا يهم ذلك: إذا كنت ترى الصفحة في متصفحك، فيمكنك فحص وسومها.
ما يجب التحقق منه قبل الإطلاق
| الفحص | لماذا يهم في البيئة التجريبية |
|---|---|
| og:url | يبقى غالبا يشير إلى العنوان التجريبي أو المحلي، ويجب تغييره إلى عنوان الإنتاج |
| og:image | المسار النسبي أو العنوان المحلي لن يعمل لأي شخص آخر |
| og:title وog:description | النص التجريبي المتبقي في القالب يسهل إغفاله |
| twitter:card | يسهل نسيانه في قالب جديد |
الخطأ الأكثر شيوعا عند الإطلاق هو نسخ قيم البيئة التجريبية إلى الإنتاج. بعد اللصق، اقرأ بعناية قيمتي og:url وog:image المعروضتين: إذا احتوت أي منهما على localhost أو اسم مضيف تجريبي، فأصلحها في القالب.
مثال
لنفترض أن صفحتك المحلية تطبع og:url التالي:
<meta property="og:url" content="http://localhost:3000/pricing">
ستعلّم الأداة og:url بأنه موجود لأن الوسم موجود، وستعرض القيمة. المشكلة في القيمة لا في الوسم. يجب أن يطبع قالب الإنتاج https://yourdomain.com/pricing.
حدود الفحص المحلي
يخبرك هذا الفحص بأن الكود مكتمل وصحيح كنص. لا يستطيع التأكد من أن منصات التواصل تستطيع جلب الصورة بعد إطلاق الموقع، لأن ذلك يعتمد على إمكانية الوصول إلى العنوان العام النهائي. بعد الإطلاق، شارك الرابط المباشر في محادثة خاصة أو مرره عبر أداة جلب المنصة مرة واحدة لترى البطاقة الحقيقية.
روتين ما قبل الإطلاق
اجعل هذا الفحص جزءا من روتين الإصدار. انسخ المصدر المعروض لصفحة واحدة من كل قالب، والصقه هنا، واقرأ قيمتي og:url وog:image بحثا عن عناوين محلية أو تجريبية. أعد الفحص بعد البناء النهائي، لأن تغييرا متأخرا في القالب قد يعيد عنوانا تجريبيا. يستغرق ذلك دقيقة، ويمنع بطاقة مكسورة يوم الإطلاق.
الأسئلة الشائعة
نعم. افتح الصفحة وأنت مسجل الدخول، وانسخ مصدرها والصقه. لا تزور الأداة الصفحة بنفسها أبدا.
لا. تخبرك الأداة بأن الوسم موجود وتطبع قيمته. اقرأ القيمة واستبدل أي عنوان محلي أو تجريبي.
رأس الصفحة يكفي لأن وسوم og وTwitter موجودة فيه. ويعمل لصق الصفحة كاملة أيضا.
فقط إذا كانت الوسوم موجودة في المصدر الذي تنسخه. تقرأ الزواحف عادة HTML الخام، لذلك لن تُعثر الأداة على وسوم تضيفها السكربتات لاحقا.
أدوات ذات صلة
جهاز اختبار متوافق مع الهواتف المحمولة
قم بفحص سهولة استخدام عنوان URL على الأجهزة المحمولة؛ حيث يتم عرض الصفحة بأحجام شاشات الهواتف، ويتم تحديد أي مشاكل تتعلق بنقاط النقر، أو نصوص صغيرة جدًا، أو غياب بيانات ميتا الخاصة بحجم العرض.
محلل UTM
الصق رابط حملة واقرأ وسوم UTM الخمسة القياسية (source وmedium وcampaign وterm وcontent) مع فك ترميز كل قيمة. طريقة سريعة لفحص رابط تتبع قبل إرساله.
Page Speed Insights
أدخل أي رابط وافتح تدقيق سرعة مجاني في Google PageSpeed Insights أو GTmetrix أو WebPageTest لعرض مؤشرات Core Web Vitals ودرجات Lighthouse.
أداة إنشاء روابط UTM
أنشئ روابط تتبّع للحملات بمعاملات UTM: source وmedium وcampaign وterm وcontent. روابط نظيفة ومشفّرة لعناوين URL، جاهزة للإعلانات والنشرات البريدية.
معاينة مقتطف SERP من الرابط
الصق رابطًا وشاهد كيف يظهر عنوانه ووصف الميتا والرابط القانوني مباشرةً كمقتطف جوجل. يُجلب مباشرة من الصفحة، دون نسخ يدوي.
محلّل ترويسات الأمان
الصق ترويسات استجابة HTTP الخاصة بك واحصل على نصائح مرتّبة حسب الأولوية حول ترويسات الأمان المهمة: Content-Security-Policy وStrict-Transport-Security وX-Frame-Options وReferrer-Policy وغيرها.
الأداة متاحة بلغات أخرى
- ตรวจแท็ก OG บน localhost และเว็บทดสอบ [TH]
- Sprawdzanie tagów OG na localhost [PL]
- Công cụ kiểm tra thẻ OG trên localhost [VI]
- Pengecek Tag OG Localhost [ID]
- OG-Tags auf Localhost und Staging prüfen [DE]
- ローカルとステージングでOGタグを確認 [JA]
- Verificar tags OG em localhost e staging [PT]
- Comprobar etiquetas OG en localhost y staging [ES]
- 로컬 및 스테이징에서 OG 태그 확인 [KO]
- Localhost OG-taggar kontroll [SV]
- Vérifier les balises OG en local et en préproduction [FR]
- OG-tags controleren op localhost en staging [NL]
- Check OG Tags on Localhost and Staging [EN]
- Controllare i tag OG su localhost e staging [IT]
- Проверка OG-тегов на localhost [RU]
- Localhost OG Etiketleri Kontrolü [TR]
- 在本地和测试环境中检查 OG 标签 [ZH]