К сожалению, многие сценарии JavaScript, подготовленные без учета SEO, могут оказать серьезное негативное влияние на общую производительность веб-сайта. Я обрисовал в общих чертах ключевые аспекты SEO при начале аудита веб-сайта/целевой страницы на основе JavaScript.
Советы по SEO для веб-сайтов на основе JavaScript
Внутренняя ссылка
Поскольку внутренние ссылки являются одним из главных приоритетов веб-мастеров, в HTML или DOM следует использовать обычные теги ссылок, чтобы пользователи могли переходить с веб-страницы на страницу по всему сайту, в отличие от использования функций JavaScript, таких как события JavaScript onclick. Внутренние ссылки считаются сильным сигналом для поисковых систем относительно точной архитектуры веб-сайта и общей важности страниц.
Доступность контента
Чтобы контент был понятен как пользователю, так и роботам поисковых систем, он должен индексироваться в событии загрузки, требовать индексируемого URL-адреса и использовать лучшие практики SEO для HTML для отображения сайтов JavaScript. Не только это, но и каждая часть контента на веб-сайте должна быть уникальной по сравнению с самим веб-сайтом и другими источниками в Интернете, поскольку это соответствует основным методам SEO.
Доступность
Сообщалось, что поисковые системы реализуют сканирование без головы, тип программного обеспечения, которое может получать доступ к веб-страницам, но не показывать пользователя, и передавать содержимое веб-страницы другой программе, работающей на сервере. Безголовый браузер помогает визуализировать DOM, чтобы лучше понять взаимодействие пользователя и состояние содержимого на странице.
Тем не менее, важно понимать, как запускается JavaScript и как он взаимодействует с ботами поисковых систем, иначе он будет давать огромные органические результаты.
рендеринг
JavaScript может повлиять на общий рендеринг веб-страницы. Поэтому, если что-то блокирует рендеринг, это может задержать загрузку страницы. Как правило, Google рекомендует полностью удалить или, по крайней мере, отложить любой JavaScript, который препятствует загрузке верхней части слоя контента на веб-сайте.
Верх сгиба относится к той части веб-страницы, которая появляется при первой загрузке страницы. Следующий раздел страницы называется «нижней частью экрана», который требует прокрутки.
Рекомендации по одностраничным приложениям
Одностраничное приложение (SPA) — это веб-приложение/веб-сайт, которое в первую очередь разработано и создано для эффективной работы в Интернете. В отличие от загрузки всей страницы с сервера, эти страницы динамически перезаписываются и загружаются с нужными вам частями.
Подход SPA обеспечивает быстрое время загрузки, использует меньшую полосу пропускания и заставляет приложение вести себя как настольное приложение, предоставляя пользователю приятный опыт. Следует отметить, что существует множество различных вариантов инфраструктуры SPA в зависимости от использования приложения. Среди них; React.js, Angular.js, Backbone.js, Preact, Next.js и т. д. могут быть учтены.
Когда Google пытается сканировать и индексировать контент в SPA, может возникнуть много препятствий. Итак, если вы используете SPA, рекомендуется несколько раз протестировать его с помощью команды «Выбрать», чтобы понять, что получает Google.
SEO-инструменты для JavaScript: проверьте свой JavaScript
Благодаря бесконечным возможностям JavaScript доступен ряд полезных инструментов для оценки и устранения проблем с кодом JavaScript. Вот некоторые из них, которые вы найдете полезными для SEO:
Инструмент проверки URL
«Инструмент проверки URL» в «Google Search Console» отображает информацию о том, просканировал/индексировал ли Google страницу, возникли ли какие-либо ошибки и почему.
Глубокое сканирование
DeepCrawl можно использовать для сканирования и рендеринга JavaScript на всех различных страницах веб-сайта по той же схеме, что и Google. Этот интеллектуальный инструмент позволяет вам эффективно тестировать и отслеживать рендеринг в больших масштабах и, в свою очередь, поможет вам понять, может ли JavaScript сканироваться и индексироваться ботами поисковых систем.
Мобильный тест
Тестер Google для мобильных устройств предоставляет информацию о том, насколько легко или сложно посетителю перемещаться по вашему веб-сайту на мобильном устройстве.
Информация о скорости страницы
Анализатор скорости страницы Google (PSI) эффективно детализирует производительность мобильных и настольных устройств. Кроме того, этот инструмент предоставляет предложения о том, как это можно улучшить.
Сайт: Команда
Site: Command — один из самых прямых инструментов, который поможет вам увидеть, правильно ли Google индексирует ваш контент. Для этого вы можете выполнить команду в Google — site: [URL вашего веб-сайта] «текстовое содержание или запрос»
Дифференциальный контроллер
Diffchecker — это уникальный инструмент, который позволяет сравнивать два типа текстовых файлов и просматривать различия между ними. Это особенно полезно для выполнения анализа исходного кода веб-страниц в сравнении с визуализированным кодом. Этот инструмент предлагает всестороннее сравнение того, как контент изменился с момента его создания.
Инструменты разработки Chrome
Chrome DevTools — это набор инструментов, которые опытные веб-разработчики могут добавлять непосредственно в браузер Google Chrome. Chrome DevTools может помочь вам редактировать и вносить быстрые изменения стиля без необходимости использования текстового редактора.