🖥️ תצוגה מקדימה של SERP וקטע

תצוגה מקדימה של SERP SNPT

הקלד את כותרת הדף שלך, תיאור מטא וכתובת כדי לראות תצוגה מקדימה חיה, מדויקת של ה- Google שלך

0 שרטוטים · 0px
0 שרטוטים · 0px
e
example.com
https://example.com

כיצד להשתמש בתצוגה מקדימה של SERP

ארבעה צעדים מהירים לגזרה שמראה במלואו ומרוויח את הקליק.

1

הזן את כותרת הדף שלך

הקלד את תג הכותרת שאתה מתכנן להשתמש בו.

2

הוסף את כתובתך ואת תיאור המטא שלך

הדבק את כתובת הדף ורשום את תיאור המטא. התצוגה המקדימה מציגה את פירורי הלחם, הכותרת הכחולה והקטע האפור בדיוק כמו תוצאה אמיתית.

3

החלף בין שולחן עבודה לנייד

עבור על כרטיסיות שולחן העבודה והנייד כדי לבדוק את שתי המערך, מאחר שהנייד משתמש בעמודה צרה יותר ועוטף כותרות על קווים נוספים.

4

תקן את אזהרות הסיום

ערוך עד שבבי האזהרה יהפכו לירוקים. תסמן כל דבר שמסומן כרחב מדי כך שגוגל מראה את הכותרת ואת התיאור המלא שלך במקום אליפסה.

שאלות קטע SERP

קישורי כותרת של גוגל ב-600 פיקסלים, לא מספר תווים קבוע, כי תווים רחבים כמו W ו- M תופסים יותר מקום מאשר צרים כמו i ו- L. הכלי הזה מודד את רוחב פיקסל האמיתי, כך שניתן לראות בדיוק היכן התואר שלך ייחתך.
גוגל מציגה בדרך כלל כ-920 פיקסלים של תיאור meta על שולחן העבודה (כ-155 עד 160 תווים) ופחות על גבי נייד. כל דבר ארוך יותר מקוטע עם אליפסה. התצוגה המקדימה מראה שגם שולחן עבודה וגם תנועה ניידת חיה כפי שאתה מקליד.
תוצאות ניידות משתמשות בעמודה צרה יותר ובגודל גופן שונה, לכן כותרות עוטפות יותר קווים ותיאורים מקוצרים קצר יותר. כלי זה מקצר את שני המערךים זה לצד זה כדי שתוכל לאופטימליז עבור כל אחד.
מס 'התצוגה המקדימה פועלת כולו בדפדפן שלך באמצעות Canvas-אמצעי טקסט API. שום דבר שאתה להקליד הוא נטען, מחובר או מאוחסן, כך שאתה יכול בבטחה לבדוק דפים לא פורסם וכתובות פנימיות.

מפתחים

התצוגה המוקדמת הזו של SERP פועלת ב-100% לצד הלקוח, מדידת הפיקסלים מתרחשת בדפדפן שלך, כך ששום דבר שאתה מקליד לא מועלה.

✓ פרטי על ידי עיצוב ▪ אין הלוך ושוב שרת

Truncation נמדד באותה הדרך שהדפדפן מצייר טקסט ▪ עם Canvas מודד 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'));

צריך את זה בקנה מידה □ בדיקת אצווה אלפי תארים מCMS שלך או CI? ראה תוכניות □