🖥️ SERP & مقتطفات

عرض مسبق لمقتطفات صفحات نتائج البحث

ضع عنوان صفحتك، وصفها الوصفي وعنوان URL لرؤية مسبقة حية، بدقة البكسل من نتائج جوجل على سطح المكتب والهواتف المحمولة، مع تحذيرات القصور قبل أن تكلفك النقرات.

0 دبابات · 0px
0 دبابات · 0px
e
example.com
https://example.com

كيف تستخدم العرض المسبق لنتائج البحث

أربع خطوات سريعة إلى مقطع فيديو يظهر بالكامل ويحصل على النقر.

1

أدخل عنوان الصفحة

أدخل علامة العنوان التي تعتزم استخدامها. عدادات الشخصية والبكسل يتم تحديثها مباشرة بحيث يمكنك رؤية مدى اقترابك من حدود سطح المكتب ~600px من جوجل.

2

أضف عنوانك الالكتروني ووصفك

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

3

التبديل بين الحواسيب المكتبية والأجهزة المحمولة

تغير بين علامتي القسم المكتبي والمحمول للتحقق من كلا الشكلين، حيث أن الشكل المحمول يستخدم عموداً أضيق ويضع العناوين على مزيد من السطور.

4

إصلاح تحذيرات التقصير

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

أسئلة مقتطفات صفحات نتائج البحث

تقوم جوجل بقص روابط عنوان سطح المكتب عند حوالي 600 بكسل، وليس عددًا ثابتًا من العلامات، لأن العلامات العريضة مثل W و M تأخذ مساحة أكبر من العلامات الضيقة مثل i و l. هذه الأداة تقيس عرض البكسل الحقيقي المعروض بحيث يمكنك أن ترى بالضبط أين سيتم قطع عنوانك.
تظهر جوجل عادة حوالي 920 بيكسل من الوصف الفوقي على سطح المكتب (حوالي 155 إلى 160 كلمة) وأقل على الهاتف المحمول. أي شيء أطول يتم قطعه بعلامة ثلاثة نقاط. تظهر المراجعة الافتراضية كل من سطح المكتب والمحمول قطعا حياً أثناء كتابتك.
تستخدم نتائج الهاتف المحمول عمودًا أضيق وحجمًا مختلفًا للخط، لذا فإن العناوين تغطي خطوطًا أكثر والوصف أقصر. هذه الأداة تظهر كلا التصميمين جنبًا إلى جنب حتى يمكنك تحسين كل منهما.
لا. تجري المراجعة المسبقة بالكامل في متصفحك باستخدام برنامج Canvas API لقياس النصوص. لا يجري تحميل أي شيء تكتبه أو تسجيله أو تخزينه، لذلك يمكنك اختبار الصفحات غير المنشورة والعناوين الداخلية بأمان.

للمطورين

هذا SERP تمهيد يجري 100٪ من جانب العميل - قياس البكسل يحدث في متصفحك، لذلك لا شيء تكتبه يتم تحميله أبدا.

✓ الخصوصية بحكم التصميم - لا توجد رحلة ذهاب وإياب إلى الخواديم

يتم قياس التقصير بنفس الطريقة التي يرسم بها المتصفح النص - مع Canvas measureText API. هنا الفكرة الأساسية التي يمكنك أن تسقطها في أنابيب بناءك الخاصة:

// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
  ctx.font = font;
  return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));

هل تحتاج إلى هذا على نطاق واسع - فحص دفعة آلاف العناوين من نظام إدارة المحتوى أو CI؟ API REST المستضافة لأدواتنا SEO متاحة على الخطط المدفوعة. انظر الخطط