🖥️ Перегляд SERP і фрагменту

Перегляд фрагментів SERP

Введіть заголовок сторінки, мета опис і адресу URL, щоб побачити живий, документний перегляд результатів вашого Google на стільниці і на мобільному, з попередженнями про truncation перед тим, як вони обійдеться вам на клацання.

0 символи · 0px
0 символи · 0px
e
example.com
https://example.com

Як користуватися переглядом SERP

Чотири кроки до фрагмента, який показує повну кількість і отримує клацання.

1

Введіть заголовок сторінки

Введіть мітку заголовка, яку ви плануєте використовувати. Оновлення символів і пікселів можливе, щоб ви могли бачити, наскільки близько ви до обмеження стільниці Google ~600px.

2

Додати вашу адресу URL і мета- опис

Вставити адресу URL сторінки і записати мета опис. У перегляді буде показано хлібний, синій і сірий фрагмент, які є справжнім результатом.

3

Перемикання між стільницею і мобільнимComment

Вмикає або вимикає показ вкладок стільниці і мобільних для перевірки обох розкладок, оскільки мобільні телефони використовують вужчий стовпчик і загортають заголовки на інші рядки.

4

Виправити попередження про умову

Редагувати до того часу, доки не позеленіють попередження. Якщо ви не з' єднаєте будь- що з написом заширше, Google покаже повний заголовок і опис замість еліпса.

Питання фрагменту SERP

За допомогою Google truncates desktop посилання на заголовок стільниці буде розташовано у приблизно 600 пікселів, а не у вигляді фіксованої кількості символів, оскільки великі символи на зразок W і M займають більше місця, ніж вузенькі символи, на зразок i і l. За допомогою цього інструменту можна вимірювати реальну показану ширину пікселів, отже, ви зможете бачити точно місце, де буде відрізано ваш заголовок.
Типово, у Google показано близько 920 пікселів мета- опису на стільниці (близько 155 - 160 символів) і менше на мобільному телефоні. Будь- що більше буде обрізано з еліпсом. У перегляді буде показано як стільницю, так і мотодоксацію, що ви вводите.
У мобільних результатах використовується вузька колонка і різні розміри шрифтів, отже заголовки, які перекриваються на рядки і описи, буде скорочено. За допомогою цього інструменту можна зробити так, щоб кожен з них був оптимальним.
Ні. Перегляд буде повністю запущено у вашому переглядачі за допомогою API форматування тексту Полотно. Нічого з того, що ви введете, вивантажуватимете, реєструєте або зберігаєте, отже, ви зможете безпечно перевірити недруковані сторінки і внутрішні адреси URL.

Для розробників

Цей попередній перегляд SERP виконує завдання 100% клієнта- стосій } Точковий вимір відбувається у вашому браузері, отже, нічого з того, що ви набираєте, не буде вивантажено.

✓ Приватний за дизайном ♫ немає сервера круглих-трип

Протока вимірюється так само, як навігатор малює текст } з комбінованим текстовим API Text. Ось основна ідея, яку ви можете ввести у власний канал збирання:

// 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? Просте програмне забезпечення для нашого SEO доступні для оплачених планів. Див. плани →