Адвокат разработчика Google Мартин Сплитт недавно опроверг общий миф о SEO. Он подтвердил, что изображения, загруженные JavaScript, могут быть проиндексированы Google при правильной настройке.

Splitt поделился этими идеями во время SEO для конференции Paws, сбора средств с прямым транспортом Антон ШулькеПолем

Вот как избежать общих проблем индексации изображений при загрузке изображений с помощью JavaScript.

Загрузка изображения JavaScript не проблема

Когда его спросили об изображениях, загруженных JavaScript, Splitt пояснил, что метод не виноват в проблемах индексации.

Сплит объясняет:

«JavaScript для загрузки изображений в порядке. Чисто загружающее изображение JavaScript может абсолютно индексировать ваши изображения».

Этот комментарий раскрывает беспокойство среди многих профессионалов SEO. Изображения могут не отображаться в Google Images по причинам, кроме использования JavaScript.

Настоящие виновники, стоящие за неиндексированными изображениями

Splitt объяснил, что что-то еще обычно неверно, если изображения, загруженные JavaScript, не появляются в результатах поиска.

Он указал на несколько общих проблем:

  • Проблемы с картой сайта: Иногда ключевые изображения отсутствуют в XML -сайтах.
  • Заголовки http: В некоторых файлах изображений могут быть заголовки, которые мешают их индексировать.
  • Определили проблемы HTML: Если изображения не отображаются в рендерированном HTML (версия Google видит после запуска JavaScript), они не будут индексировать.

Отладка вопросов индексации изображений JavaScript

Splitt предлагает простой процесс для определения проблем. Начните с проверки, появляются ли изображения в рендерированном HTML, используя такие инструменты, как инструмент проверки URL -адреса Search Console.

ЧИТАТЬ  Google Search Generative Experience добавляет видео к ответам, сгенерированным ИИ

Сплит объясняет:

«Вы должны были бы проверить: ли рендерированный HTML содержит изображения? Если это, фантастическое. Если это не так, то что -то еще отключено».

Поскольку Google индексирует рендерированный HTML, любое изображение, отсутствующее в нем, не будет найдено Googlebot.

См. Полный разговор Splitt на JavaScript SEO в видео ниже:

https://www.youtube.com/watch?v=cji7t_4gizw

Общие методы загрузки изображения JavaScript и их SEO -удар

Есть несколько способов загрузить изображения с помощью JavaScript. Некоторые общие методы включают:

  • Ленивая загрузка: Загружает изображения только при необходимости.
  • Прогрессивная загрузка: Сначала показывает низкокачественное изображение, а затем обновляется до высококачественного.
  • Бесконечная загрузка свитков: Загружает изображения, поскольку пользователи продолжают прокручивать.
  • Фоновое изображение вставка: Добавляет изображения через фон CSS.

Если они настроены правильно, все эти методы могут работать с индексацией Google. Каждому может понадобиться свои собственные чеки, чтобы гарантировать, что все работает, как и ожидалось.

Лучшие практики для загрузки изображений JavaScript в SEO

Несмотря на то, что изображения, загруженные JavaScript, могут быть проиндексированы, следуя этим лучшим практикам могут помочь избежать проблем:

  • Проверьте с помощью инструмента проверки URL: Убедитесь, что изображения отображаются в визуализированной HTML.
  • Обновите свои сайты XML: Включите ключевые изображения с правильными тегами.
  • Используйте Alt Text: Предоставьте прозрачный альтернативный текст для изображений, загруженных с помощью JavaScript.
  • Используйте родную ленивую загрузку: Добавить loading="lazy" атрибут, где это имеет смысл.
  • Проверьте robots.txt: Убедитесь, что вы не блокируете ресурсы JavaScript, которые загружают изображения.

Что это значит для профессионалов SEO

Вместо того, чтобы избежать JavaScript, убедитесь, что изображения загружаются правильно и появляются в отображаемом HTML.

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

ЧИТАТЬ  Ежегодное собрание Союза «Дия.Город» 2024: Инновации и будущее украинского IT-сообщества

Глядя в будущее

Это разъяснение своевременно. Многие современные сайты, построенные с такими каркасами, как реагирование, VUE или Angular Load Images с использованием JavaScript вместо традиционного теги.

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

Показанное изображение: Alicia97/Shutterstock



Source link