Статьи для тех, кто
выводит стек в прод
Материалы о React, Node.js, TypeScript и AI. Переведённый текст показывается, если он есть. Если нет — вы видите английский текст и пометку об этом.
Тег: SEO
Технические ошибки SEO в современных фронтендах на JavaScript
Девять технических ошибок SEO в фронтендах на JavaScript: отрисовка только на стороне клиента, ненадежные метаданные, слабая семантика, показатели Core Web Vitals, правила robots и динамические маршруты.
4 мин чтенияHTML — это маркировочный язык, а не язык программирования — используйте его как таковой.
Рассматривайте HTML как структуру для навигации, SEO, доступности и производительности отображения, заменяя наборы элементов div на семантические элементы, понятные браузерам и поисковым роботам.
3 мин чтенияРаскрывающиеся элементы React, доступные для индексации: скрытие с помощью CSS Grid, а не демонтирования
Создайте вложенные аккордеоны на React, которые сохраняют содержимое в DOM для индексации, анимируют изменение высоты с использованием строк сетки, ограничивают возможность открытия только одного элемента на уровне и сбрасывают состояние при закрытии.
8 мин чтенияИгнорирование отрисовки вне экрана с использованием content-visibility и contain-intrinsic-size
Узнайте, как функция видимости контента автоматически снижает затраты на форматирование длинных страниц, генерируемых сервером, почему обязательно использовать параметр contain-intrinsic-size, и как это сравнивается с виртуализацией.
12 мин чтенияТехнический SEO в Next.js App Router: метаданные, карты сайта и JSON-LD
Узнайте, как вспомогательные инструменты для общих метаданных, стандартная структура корневого элемента, файл robots.ts, динамическая карта сайта, корректно сформированные данные JSON-LD и аудит страниц создают надежную основу для SEO в приложении Next.js.
4 мин чтенияОт простого супа до значимой маркировки: практическое руководство по семантическому HTML
Узнайте, почему обычные элементы div нарушают доступность, индексацию и возможности технического обслуживания, какие семантические элементы следует использовать вместо них, и как переписать реальный компонент карточки.
16 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.