README

Мощный инструмент для комплексного SEO-анализа веб-страниц прямо в браузере. Всесторонняя проверка более 100 метрик производительности, безопасности, контента и технического SEO.

🌟 Возможности

📊 Базовый SEO анализ

ета-теги: Title, Description, Viewport, Charset
Заголовки: H1-H6 структура и иерархия
Язык и кодировка: Lang атрибут, кодировка страницы
Canonical и Robots: Canonical URL, robots meta тег
Favicon: Наличие и типы иконок

📝 Анализ контента

Текстовый анализ: Объем контента, читаемость, ключевые слова
Изображения: ALT тексты, размеры, lazy loading, форматы
Ссылки: Внутренние/внешние, nofollow, title атрибуты
Мультимедиа: Видео, аудио, iframe контент
Семантика: Структурные элементы HTML5

⚙️ Технический анализ

Schema.org: Структурированная разметка, валидация
Open Graph: Социальные мета-теги
Навигация: Хлебные крошки, семантическая структура
Скрипты и стили: Оптимизация загрузки
Доступность: ALT теги, лейблы форм, ARIA атрибуты

🚀 Анализ производительности

Core Web Vitals: LCP, FID, CLS, INP, TBT
Navigation Timing: TTFB, DOM Load, полная загрузка
Ресурсы: Размер страницы, количество запросов
Оптимизации: Lazy loading, async/defer, современные форматы
Память: Использование JavaScript heap

🔒 Анализ безопасности

HTTPS: Протокол безопасности
Mixed Content: Смешанный контент
Заголовки безопасности: CSP, HSTS, X-Frame-Options
Формы: Безопасность передачи данных
Cookies: Secure, HttpOnly, SameSite атрибуты
Внешние ресурсы: Анализ сторонних скриптов

💡 Умные рекомендации

Приоритизация: Критические, важные, информационные
Категоризация: Базовое SEO, контент, техническое, производительность
Конкретные решения: Пошаговые инструкции по исправлению
Примеры кода: Готовые примеры для реализации

📈 Метрики и стандарты

Core Web Vitals

LCP (Largest Contentful Paint): < 2.5s (Good)
FID (First Input Delay): < 100ms (Good)
CLS (Cumulative Layout Shift): < 0.1 (Good)
INP (Interaction to Next Paint): < 200ms (Good)

SEO стандарты

Title: 30-60 символов
Description: 70-160 символов
H1: ровно один на страницу
Images: ALT тексты для всех значимых изображений

Производительность

Load Time: < 3 секунд
Page Size: < 2 MB
Requests: < 50 HTTP запросов

🔍 Поддерживаемые технологии

HTML5: Семантические теги, микроразметка
CSS: Современные форматы, оптимизации
JavaScript: ES6+, модули, производительность
SEO: Schema.org, Open Graph, Twitter Cards
Безопасность: HTTPS, CSP, security headers
Доступность: WCAG, ARIA атрибуты

📁 Структура проекта

seoevobust/
├── plugins/
│   └── seopageanalyzer.php                         # Плагин для запуска только у Администраторов
├── publishable/                                    # Стили и скрипты для публикации
│   ....
│    ├── css/
│    │    └── seo-analyzer.css                      # Огромный CSS файл который нужно оптимизировать
│    ├── js/
│    │   ├── analyzers/                             # Анализаторы
│    │   │   │   └──htmlanalyzer                    # Расширение анализа HTML
│    │   │   │      ├── BasicAnalyzer.js            # Информация для страницы "Базовые SEO элементы"
│    │   │   │      ├── ContentAnalyzer.js          # Информация для страницы "Анализ контента"
│    │   │   │      ├── MetaTagsAnalyzer.js         # Нужно будет выпилить его функционал переехал или на оборот расширить
│    │   │   │      └── TechnicalAnalyzer.js        # Информация для страницы "Технический анализ"
│    │   │   ├── HtmlAnalyzer.js                    # Точка входа в анализ страницы
│    │   │   ├── PerformanceAnalyzer.js             # Информация для страницы "Производительность"
│    │   │   └── SecurityAnalyzer.js                # Информация для страницы "Безопасность"
│    │   ├── core/                                  # Ядро системы
│    │   │   ├── AnalyzerEngine.js                  # Запуск анализа
│    │   │   └── SeoAnalyzer.js                     # Реальное ядро системы
│    │   ├── storage/                               # Тестовый функционал еще не реализован
│    │   │   ├── HistoryManager.js                  # Для просмотра динамики хотелось бы использовать
│    │   │   └── SettingsManager.js                 # Настройки внешнего вида Панельки
│    │   ├── ui/                                    # Ядро системы
│    │   │   ├── components/                        # UI компоненты
│    │   │   │   ├── FloatingButton.js              # Создание кнопки вызова СЕО панели
│    │   │   │   └── Overlay.js                     # Создание каркаса секций
│    │   │   ├── renderers/                         # Рендереры результатов
│    │   │   │   ├── BasicSectionRenderer.js        # Вывод информации "Базовые SEO элементы"
│    │   │   │   ├── ContentSectionRenderer.js      # Вывод информации "Анализ контента"
│    │   │   │   ├── TechnicalSectionRenderer.js    # Вывод информации "Технический анализ"
│    │   │   │   ├── PerformanceSectionRenderer.js  # Вывод информации "Производительность"
│    │   │   │   ├── SecuritySectionRenderer.js     # Вывод информации "Безопасность"
│    │   │   │   ├── RecommendationsRenderer.js     # Вывод информации "Рекомендации по улучшению"
│    │   │   │   ├── ExportRenderer.js              # Экспорт отчетов в JSON и HTML
│    │   │   │   ├── ResultsRenderer.js             # Точка входа для рендера информации о секциях
│    │   │   └── UIManager.js                       # Класс для управления панелью СЕО
│    │   └── index.js                               # Точка входа
└── src/
     └── SeoevobustServiceProvider.php              #Регистрация плагина в админке

Алгоритм использования

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

Установка

Выполните команды из директории /core:

Установка пакета

php artisan package:installrequire roilafx/seoevobust "*"

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

php artisan vendor:publish --provider="roilafx\seoevobust\SeoevobustServiceProvider"

roilafx / seoevobust

Maintainers

Details