Please enable JavaScript.
Coggle requires JavaScript to display documents.
Оптимизация веб-приложения, SEO - Coggle Diagram
Оптимизация веб-приложения
кросбраузерность/платформа
Движок браузера
browser stack
Корректное отображение верстки
Единообразное отображение HTML-элементов
Корректная работа CSS-стилей
Поддержка современных стандартов HTML5 и CSS3
Адаптивность и responsiveness
Корректное отображение сайта на устройствах с разными разрешениями экрана
Десктопы
Планшеты
Телефоны
Работа медиазапросов и адаптивных изображений.
Поддержка веб-стандартов
Корректная работа с API
Fetch API
Geolocation
Web Storage
Быстродействие
Логика
Ресурсы
Отображение контента
Оптимизация кода
Основные метрики
LCP(Загрузка)
INP(Интерактивность)
CLS(Визуальная стабильность)
FCP(Первая прорисовка)
TTFB(Скорость ответа сервера)
Loghthouse
pagespeed
loading
web,dev
developer.chrome
Кэширование
Приватный кэш
Кэш браузер. Он сохраняет HTTP ответы
LocalStorage
Общий кэш
CDN
Кэш прокси
Частые проблемы
Сжатие текста файлов
Работа основного потока(Js, CSS)
Неиспользуемый код
Размер структуры DOM
Правила использования кэша, CDN
Контент
ui/ux
Структура
Тренды
Доступность
User Interface (UI)
Визуальный дизайн
Работа с цветами
Анимации и переходы
Стили кнопок, полей ввода, карточек и других элементов.
Темная тема
Компоненты интерфейса
Кнопки, поля ввода, выпадающие списки, чекбоксы, радиокнопки.
Меню, навигационные панели, хлебные крошки.
Модальные окна, уведомления, тултипы.
Типографика
Текст
Шрифты
Орфография
Читабельность
Иерархия текста (заголовки, подзаголовки, основной текст)
Выбор шрифтов
Локализация
Макеты и сетки
Расположение элементов на странице.
Использование сеток для выравнивания и пропорций.
Адаптивный дизайн
Ansible теги
Гибкая верстка
Адаптивная верстка
Тренды
Микроанимации
Анимации, которые улучшают взаимодействие
Локализация
User Experience (UX)
Исследование пользователей
Сбор данных о целевой аудитории
Интервью
Опросы
Аналитика
Создание персонажей (user personas) и сценариев использования
Прототипирование
Создание wireframes (каркасов) и прототипов интерфейса
Тестирование прототипов на пользователях
Юзабилити (Usability)
Удобство использования интерфейса
Простота выполнения задач
Доступность (Accessibility)
Обеспечение доступности интерфейса для людей с ограниченными возможностями
Соответствие стандартам WCAG (Web Content Accessibility Guidelines)
Навигация
Меню
хлебные крошки
пагинация
Поиск и фильтры
Обратная связь
Уведомления об успешных действиях или ошибках
Лоадеры и индикаторы загрузки
Контент
Изображения
видео
текстовый контент
Целевая аудитория
Виды ц/а
Максимальная
Постоянная
Нерегулярная
Активная
Целевая
анализ предпочтения
основные ценности
Деньги
Семья
Любовь
Дружба
Успех
Счастье
Коллтренинг
проведение опросов
Обратная связь
Отзывы
текст, фото, имя автора
Стереотипы
Слоган
Безопасность
https домены
Редиректы
301(Moved Permanently)
302(Found)
Уровни
Третий уровень
Географические и отраслевые домены в доменных зонах ru.net, com.ru, spb.ru
Второй уровень
Коммерческое использование
Корневой домен
Верхний уровень
Национальные домены(ru, eu, ua)
Международные домены(.com, .info, .org)
Канонические ссылки
Способы настройки
В коде(в теге HEAD)
Через xml карту
Через ответ сервера (ссылка в http - заголовке)
Когда использовать
Невозможно выполнить 301 редирект
Несколько страниц для одного типа продуктов
Для разных видов товаров в каталоге
DDoS-атаки
SQL-инъекции
Аналитика и мониторинг
Валидность + структура кода
Валидность
Типизация
Использование правильных типов данных
Проверка типов во время компиляции или выполнения
Обработка ошибок
Корректная обработка исключений и ошибок
Использование try-catch блоков, проверка на null или undefined
Валидация данных
Проверка входных данных на корректность
Использование регулярных выражений или библиотек для валидации
Тестирование
Написание unit-тестов, интеграционных тестов
Проверка кода на соответствие требованиям
W3C Markup Validation Service
Микроразметка
Schema.org
Open Graph
Id-json
HTML5
Структура кода
Модульность
Разделение кода на модули, классы, функции
Использование принципа "одна функция — одна задача"
Иерархия файлов и папок
Логическая организация файлов и папок
Группировка связанных файлов (например, все файлы, связанные с пользователем, в папке user/).
Чистый код
Написание читаемого и понятного кода
Компонентный подход
Разделение кода на независимые компоненты
Использование принципа "один компонент — одна ответственность"
Рефакторинг
Постоянное улучшение структуры кода
Устранение дублирования, упрощение сложных конструкций.
SEO
Техническое SEO
Скорость загрузки сайта
Адаптивный дизайн
Индексируемость
Правильная настройка файла robots.txt.
Использование карты сайта (sitemap.xml).
Безопасность
Использование HTTPS (SSL-сертификат)
Защита от взлома и вредоносного ПО
Структура URL
Мета-теги
<Title>
Description
Keywords
Контентное SEO
Ключевые слова (Keywords)
Исследование и использование релевантных ключевых слов.
Оптимизация заголовков, мета-описаний, текста
Мета-теги
<Title>
Description
Keywords
Качество контента
Регулярное обновление контента
Альтернативный текст для изображений
Описание изображений для улучшения индексации
Внешнее SEO
Обратные ссылки
Ссылки с других сайтов на сайт.
Качество ссылок важнее количества
Социальные сигналы
Активность в социальных сетях
Каталоги и отзывы
егистрация в каталогах и получение отзывов
Партнерские программы
Сотрудничество с другими сайтами для обмена ссылками