За този инструмент
Мета таговете в HTML <head> контролират как търсачките и социалните платформи показват визуализацията на страницата. Най-важните тагове включват <title>, <meta name="description">, тагове Open Graph (og:title, og:description, og:image) и тагове на Twitter Card (twitter:title, twitter:description, twitter:image). Когато тези тагове липсват, са неправилно образувани или грешни, фрагментите за търсене и социалните визуализации изглеждат повредени или използват нежелано съдържание.
Този инструмент за проверка извлича URL адрес и проверява всички подходящи мета тагове. Липсващите тагове се маркират. Етикети със съдържание, което надвишава специфичните за платформата ограничения за дължина (отрязване на фрагменти на Google, главни букви на знаци в Twitter) са маркирани. Препратките към изображения се проверяват — ако og:image сочи към 404, социалният преглед ще бъде нарушен.
Всичко това има значение, защото повечето кликвания към вашия сайт идват от резултати от търсене и социални споделяния. Мета таговете са маркетинговото копие, което решава дали ще се случи кликване. Получаването им правилно е една от най-ефективните SEO и социални задачи.
Защо да проверявате мета таговете
Грешките в мета таговете са тихи. Страница без og:image все още се зарежда правилно; нищо в страницата не ви казва, че споделянията в социалните мрежи изглеждат повредени. Грешката се вижда само когато някой сподели страницата, до този момент пропуснатото първо впечатление вече е загубено. Рутинната проверка на страниците открива тези проблеми рано.
След големи промени в сайта - редизайн, миграция на CMS, актуализация на шаблон - мета таговете често регресират. Преминаването на QA на важни страници потвърждава, че нищо критично не е загубено при промяната.
Как да използвате
Въведете URL, вижте всички мета тагове.
- Въведете URL адреса: Въведете или поставете URL адреса за проверка. И http://, и https:// работят; Предпочита се HTTPS.
- Извличане и анализиране: Инструментът извлича страницата (или ви моли да поставите HTML, ако проблемите с кръстосания произход възпрепятстват извличането) и анализира главния раздел.
- Проверете етикетите: Заглавие, мета описание, тагове Open Graph, тагове Twitter Card и други подходящи мета се показват в структуриран изглед. Липсващите критични тагове са маркирани.
- Прегледайте как ще изглежда страницата: Някои проверки показват симулирани визуализации на Google фрагмент, споделяне във Facebook и Twitter на базата на анализираните тагове. Използвайте ги, за да забележите проблеми, преди да се появят в реални споделяния.
Обичайни случаи на употреба
Технически подробности
Необходими мета тагове за SEO: <title> (50-60 знака; Google съкращава повече от това във фрагментите за търсене), <meta name="description"> (150-160 знака; по-дългият текст се съкращава). Липсата на което и да е значително влошава външния вид на търсенето.
Етикети Open Graph (използвани от Facebook, LinkedIn, Slack и много други): og:title, og:description, og:image, og:url, og:type. og:image трябва да бъде поне 1200×630 пиксела за изобразяване с висока DPI. og:image:alt е етикетът за достъпност.
Етикети на Twitter Card: twitter:card (обикновено summary_large_image), twitter:title, twitter:description, twitter:image. Twitter се връща към OG тагове, ако липсват специфични за Twitter, така че често е достатъчен добре конфигуриран OG.
Често задавани въпроси
- Кои мета тагове са най-важни за SEO?
- Етикет за заглавие (най-важното — 50-60 знака), мета описание (150-160 знака), каноничен URL, мета на роботи, Open Graph (og:title, og:description, og:image) и прозорец за изглед за мобилни устройства. Те пряко влияят върху класирането при търсене и честотата на кликване.
- Колко дълъг трябва да бъде моят етикет за заглавие?
- 50-60 знака (или ~580 пиксела) за пълно показване в резултатите от търсенето с Google. По-дългите заглавия се съкращават с „...“. Предното зареждане на важни ключови думи от самото начало е най-видимо и носи по-голяма SEO тежест.
- Имам ли нужда от тагове Open Graph?
- Да, ако вашите страници се споделят в социалните медии. Без og:image и og:title Facebook/LinkedIn автоматично ще генерира визуализации, които може да изглеждат зле. Подходящите OG тагове гарантират, че вашето съдържание изглежда страхотно, когато е споделено.
- За какво е каноничният етикет?
- Каноничният етикет (rel="canonical") казва на търсачките кой URL е "официалната" версия на страницата. Предотвратява проблеми с дублирано съдържание, когато една и съща страница е достъпна на множество URL адреси (с/без www, HTTP/HTTPS, с параметри на заявката).
- Защо споделянето ми във Facebook показва грешно изображение?
- Най-често Facebook използва кеширана версия. Използвайте Sharing Debugger на Facebook, за да изчистите кеша и да изтеглите отново страницата си.
- Мета таговете чувствителни ли са към главни и малки букви?
- Имената на свойствата са с малки букви по конвенция. Повечето анализатори са толерантни, но се придържайте към малки букви за безопасност.
- Моят URL адрес извлича ли се от браузъра или сървъра?
- Зависи от инструмента. Извличането на браузъра може да засегне проблеми с CORS; някои инструменти използват прокси сървър за извличане и отчитане.
- Какво ще кажете за структурираните данни JSON-LD?
- JSON-LD са структурирани данни за богати резултати, отделно от мета таговете. Повечето средства за проверка на мета тагове се фокусират върху HTML head meta; Валидаторите на структурирани данни са отделен клас инструменти.