Проверка метатегов для Chrome

Посмотрите, как будет выглядеть эта страница при отправке ссылки. Нажмите на значок LinkPreview, чтобы проверить ее метатеги, увидеть карточку предпросмотра и скопировать готовый код для исправления недостающих данных.

Установить в Chrome

www.framer.com/
Framer: Free website builder and AI design agent
X
www.framer.com
Framer: Free website builder and AI design agent
The free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO, and AEO built in.
2 issues
EditRefreshFull check
Title48 / 60
Framer: Free website builder and AI design agent
ResetCopy all tags
  • og:image
    Copy fix
    Missing. Shared links show no image.
    <meta property="og:image" content="https://www.framer.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
  • twitter:card
    Copy fix
    Missing. X shows a small summary card instead of a large image.
    <meta name="twitter:card" content="summary_large_image">
  • Title48 characters
  • Meta description156 characters
  • og:title48 characters
  • og:description156 characters
  • Canonical URLhttps://www.framer.com/
  • FaviconFound
Show all tags (8)Copy all tags

Что делает это расширение

LinkPreview считывает реальные теги открытой вкладки, поэтому расширение работает даже на тестовых сайтах, localhost и страницах, требующих авторизации, куда у онлайн-чекеров нет доступа.

Проверяйте любую страницу в один клик

Нажмите на значок, чтобы просмотреть заголовок, описание, og:image и twitter:card страницы, а также получить предупреждение, если заголовок или описание слишком длинные, или изображение слишком маленькое.

Скопировать исправление

Для каждой проблемы указан точный тег для вставки. Функция «Копировать все теги» позволяет получить полный экранированный набор тегов head для страницы.

Тестируйте изменения перед запуском

Откройте «Редактировать», чтобы попробовать новый заголовок, описание или изображение, и наблюдайте, как предпросмотр обновляется по мере ввода. На самой странице ничего не изменится.

Количество проблем на значке

После проверки на значке панели инструментов отображается количество тегов на этой странице, требующих внимания, а при переходе на другую страницу этот счетчик сбрасывается.

Часто задаваемые вопросы о расширении Chrome

Краткие ответы о том, что проверяет расширение, что оно может видеть и сколько стоит.

Расширение LinkPreview бесплатное?

Да. Это бесплатно, не требует учетной записи и не имеет платных тарифов.

Работает ли это на локальном сервере (localhost) и тестовых сайтах?

Да. Он считывает метатеги с открытой вкладки, поэтому работает с локальными сборками, защищенными паролем тестовыми сайтами и страницами, требующими входа в систему.

Какие данные собирает расширение?

Никакие. Все проверки выполняются на вашем устройстве, ничего не отправляется ни в LinkPreview, ни кому-либо еще, и здесь нет никакой аналитики. Единственный запрос, который он делает, — это загрузка самого изображения предпросмотра страницы, чтобы измерить его размер.

Какие теги он проверяет?

Длина заголовка (title) и мета-описания (description), og:title, og:description, размер и соотношение сторон og:image, twitter:card, канонический URL и og:url, а также фавиконка.

Чем это отличается от онлайн-инструмента для проверки метатегов?

Онлайн-проверка выполняется по общедоступному URL-адресу. Расширение считывает страницу прямо в браузере, поэтому оно видит и те страницы, которые еще не опубликованы. Пункт «Полная проверка» во всплывающем окне открывает страницу в онлайн-сервисе с уже подставленными данными.