پیشنمایش قطعۀ SERP
عنوان صفحه، توصیفات و URL خود را تایپ کنید تا پیشنمایشی زنده و دقیق از قطعه نتایج گوگل خود را در دسکتاپ و موبایل ببینید، با هشدارهای کوتاهی قبل از اینکه کلیکهای شما را به شما بدهند.
چگونه از پیشنمایش SERP استفاده کنیم
چهار مرحلهٔ ساده برای یک قطعه که به صورت کامل نمایش داده میشود و کلیک را به دست میآورد.
وارد کردن عنوان صفحه
برچسب عنوانی که میخواهید استفاده کنید را تایپ کنید. شمارشگرهای کاراکتر و پیکسل بهطور زنده بهروزرسانی میشوند ، بنابراین میتوانید ببینید که چقدر به حد ~۶۰۰ پیکسل رومیزی گوگل نزدیک هستید.
افزودن نشانی وب و توصیف فراداده خود
نشانی وب صفحه را بچسبانید و فرا توصیف را بنویسید. پیشنمایش ، برگر ، عنوان آبی و قطعۀ خاکستری را دقیقاً مانند نتیجه واقعی ترسیم میکند.
سودهی میان رومیزی و تلفن همراه
برای بررسی هر دو طرحبندی ، تبهای رومیزی و موبایل را تغییر دهید ، زیرا موبایل از ستون باریکتری استفاده میکند و عنوانها را در خطوط بیشتری میپیچد.
اصلاح هشدارهای قطع
ویرایش تا زمانی که تراشه هشدار سبز شود. هر چیزی که به عنوان خیلی پهن علامت زده شده را کوتاه کنید تا گوگل عنوان و توصیف کامل شما را به جای یک سه نقطه نشان دهد.
پرسشهای قطعه SERP
برای توسعهدهندگان
این پیشنمایش SERP ۱۰۰٪ در سمت مشتری اجرا میشود - اندازهگیری پیکسل در مرورگر شما اتفاق میافتد، بنابراین هیچ چیزی که تایپ میکنید بارگذاری نمیشود.
✓ خصوصی توسط طراحی — بدون رفت و برگشت کارساز
قطع کردن به همان روشی که مرورگر متن را میکشد اندازهگیری میشود — با 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 خود؟ یک API REST میزبان برای ابزارهای SEO ما در برنامههای پرداخت شده در دسترس است. نقشه ها رو ببين