Kela SEO Tools

About

Kela SEO Tools — профессиональный инструмент для SEO-специалистов, веб-разработчиков и владельцев сайтов. Я сам практикующий SEO-специалист, который разрабатывает стратегии продвижения в поисковых и рекомендательных системах. И я не смог найти инструмент, который бы быстро позволял увидеть проблемы на странице прямо в браузере с визуальным и цветовым оформлением, поэтому я его создал и постарался продумать юзабилити этого расширения, чтобы оно не только точно отображало SEO данные страницы, но и помогало быстро понять и решить проблему. Я даю слово, что в этом расширении никогда не будет никакой рекламы.

При нажатии на иконку расширения вы получите бесплатный SEO-аудит открытой страницы за секунды, без сторонних сервисов и регистрации. Расширение разработано исходя из удобства и цветовых решений, чтобы можно было увидеть проблемы страницы мгновенно, не заходя в расширение и не листая лишние вкладки.

🚦 Умная иконка расширения
Расширение автоматически проверяет каждую страницу при загрузке и меняет иконку в тулбаре. Цвет меняется без открытия расширения, вы сразу видите, есть ли проблемы на любой странице:

🟢 Зеленая — все в порядке, SEO-проблем не обнаружено
🟡 Желтая — есть предупреждения (нет title, description, H1, favicon и др.)
🔴 Красная — критические проблемы (noindex, HTTP 4xx/5xx, страница закрыта в robots.txt)
- Красный бейдж с кодом (404, 500) появляется прямо на иконке при HTTP-ошибках.
- Данные цвета отображаются и у вкладок, если там есть проблемы.

⚡ Ключевые преимущества
✅ Работает мгновенно — никаких ожиданий, никаких внешних запросов к сторонним сервисам
✅ Все в одном — замена нескольких инструментов: проверка мета, заголовков, ссылок, разметки, сниппета
✅ Русскоязычный интерфейс — разработан с учетом специфики рунета (Яндекс, кириллица)
✅ Подсветка на странице — видите заголовки, ссылки и изображения прямо в браузере
✅ Работает без интернета (кроме проверки HTTP-статуса и robots.txt)
✅ Приватность — никакие данные не передаются на сторонние серверы

Подробнее что умеет расширение

🔍 Вкладка Мета — полный технический аудит
Анализирует все ключевые мета-данные страницы:

- Meta Title — текст, количество символов с цветным индикатором, просмотр HTML-кода тега
- Meta Description — текст, счетчик символов, HTML-код
- H1 — заголовок страницы, HTML-код элемента
- Код ответа сервера — HTTP-статус (200 OK, 404, 500 и др.) с возможным переходом в Яндекс.Вебмастер для проверки
- Canonical — URL канонической страницы, статус (каноническая / не каноническая), HTML-код
- Meta Robots — содержимое тега, статус индексации, HTML-код
- X-Robots-Tag — HTTP-заголовок, предупреждение при обнаружении noindex
- Robots.txt — код ответа файла, проверка доступности страницы для индексации, просмотр полного содержимого файла прямо в расширении
- Sitemap.xml — автоматическое обнаружение из HTML и robots.txt, быстрый переход к файлу
- Lang — атрибут языка страницы, HTML-код
- Hreflang — все языковые версии сайта с кодами языков и URL, HTML-код

📋 Вкладка Заголовки — структура H1–H6:
Отображает полную иерархию заголовков страницы с визуальными отступами по уровням:

- Цветовая маркировка заголовков — H1(зеленый), H2–H6(оттенки синего, чем глубже уровень, тем темнее)
- Кнопка «Подсветить» — прямо на странице все заголовки выделяются красно-оранжевым цветным фоном и подписями тегов исходя из их цвета в структуре
- Клик по заголовку — страница плавно прокручивается к нужному элементу с оранжевой вспышкой
- Копирование структуры — можно скопировать все заголовки с тегами или без тегов, при наведении на заголовок можно скопировать любой заголовок отдельно

🔗 Вкладка Ссылки — полный аудит ссылочного профиля
Собирает все ссылки страницы без исключения:

- Удобные фильтры ссылок — внутренние, внешние, якорные (с якорем #), rel (follow, nofollow, sponsored, ugc), протокол (HTTP, HTTPS), схема (mailto, tel)
- Счетчики на каждой кнопке фильтра
- Бейджи ссылок — nofollow, sponsored, ugc, http, _blank
- Клик по ссылке — прокрутка к этому элементу и его подсветка на странице
- Просмотр HTML-кода каждой ссылки при нажатии на иконку «Код»
- Сводная статистика — внутренние, внешние, nofollow, якоря, mailto, tel

🖼️ Вкладка Картинки — аудит изображений
Анализирует все изображения страницы:

- Отображается превью каждого изображения прямо в плагине
- Отображение атрибутов alt и title
- Удобные фильтры со счетчиками — alt (есть, нет, пустой), title (есть, нет)
- Бейджи уведомления, если нет alt и alt пустой для быстрого обнаружения проблем
- Клик по изображению — прокрутка к изображению на странице и его подсветка для быстрого обнаружения

📊 Вкладка Разметка — Open Graph, Twitter Card, Schema.org
Превью в социальных сетях, примерно как страница выглядит при публикации во ВКонтакте, Facebook, Telegram. Предупреждения если нет заголовка, описания или изображения:

- Open Graph теги — все og:* в виде таблицы с возможностью копирования значений
- Twitter, X Card — все twitter:* теги
- Schema.org — структурированные данные JSON-LD в виде дерева с отступами. Ссылка на валидатор schema.org. Копирование JSON одной кнопкой

🔍 Вкладка Сниппет — предпросмотр в поисковой выдаче
Найденные Favicon сайта с превью, код каждого тега, предупреждение при отсутствии и предпросмотр сниппета для Google и Яндекс:

- Варианты отображения для десктопов и мобильных
- Обрезка заголовка рассчитывается по пикселям шрифта через Canvas API (примерно как это делают сами поисковики)
- Дизайн сниппета как у поисковых систем (цвета, шрифты, favicon, расположение элементов)

👥 Для кого подойдет расширение Kela SEO Tools:
- SEO-специалисты — быстрая проверка технической оптимизации любой страницы
- Веб-разработчики — отладка мета-тегов, разметки и структуры заголовков
- Контент-менеджеры — проверка alt-тегов, длины title и description
- Владельцы сайтов и вебмастера — мониторинг основных показателей SEO страниц без специальных знаний