1. 1. Размер файла изображения
2. 2. Имя файла изображения
3. 3. Изображение Alt Text
4. Заключение

Как веб-разработчик, я регулярно удивляюсь тому, сколько клиентов имеют на своем сайте изображения, которые не оптимизированы должным образом, будь то лень или невежество. Чтобы максимально эффективно использовать поисковую оптимизацию (SEO), все, от изображений до видео, должно быть оптимизировано для скорости и поисковых систем, таких как Google, Bing и Yahoo.

Ваш сайт действительно медленный? Изображения часто являются одним из самых важных факторов. Я собираюсь показать вам, как узнать, если это проблема на вашем сайте, и что вы можете с этим поделать.

Как бы ни были сложны поисковые системы, они не могут видеть и понимать веб-страницу так же, как человек. Представьте, что вы разместили фотографию своей собаки в Интернете. Человек может описать это как «золотая крупная собака, похожая на золотистого ретривера, бегущую за мячом в парке». Как вы заставляете поисковую систему понимать ваше изображение? Я собираюсь показать вам, какие структуры должны быть на месте, чтобы поисковые системы могли расшифровать изображения на вашем сайте. Это важно для SEO.

Все, что вам нужно сделать, это следовать этим трем простым советам, чтобы правильно оптимизировать ваши изображения для Интернета.

1. Размер файла изображения

я использовал PageSpeed ​​Insights инструмент Google для анализа содержимого сайта и создания отчета с предложениями о том, как сделать страницы быстрее. В отчете PageSpeed ​​Insights для этого конкретного сайта утверждается, что оптимизация изображений позволит уменьшить их размер на 91,4 КБ, что на 49% меньше!

Изображения могут оказать огромное влияние на время загрузки вашей страницы. Чем больше размер файла, тем больше времени требуется для загрузки веб-страницы. Если вы не уменьшите размер файла изображения, у вас получится несколько изображений, которые выглядят очень маленькими, но размеры файлов которых на самом деле очень велики. Это может быть незаметно на странице с одним или двумя изображениями, но если ваша веб-страница загружает десятки изображений, это может иметь огромное значение.

Первым шагом является масштабирование изображения до размера, который вы хотите показать. Когда вы берете изображение 2500 × 2500 пикселей и показываете его в размере 200 × 200 пикселей, миниатюра будет загружаться так же долго, как и исходное полноразмерное изображение. Измените размер изображения так, чтобы размер «дисплея» был как можно ближе к «фактическому» размеру изображения.

Следующим шагом является уменьшение размера файла вашего изображения путем его сжатия. Один из способов уменьшить размер файла изображения - использовать команду «Сохранить для Web» в Adobe Photoshop. При использовании этой команды вы хотите настроить изображение на минимально допустимый размер файла, не забывая при этом о качестве изображения. Если у вас нет доступа к дорогостоящему программному обеспечению для редактирования изображений, например, Adobe Photoshop, существует множество бесплатных онлайн-инструментов, помогающих оптимизировать размер изображения. Великий Веб ресайзер ,

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

2. Имя файла изображения

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

Google предлагает Вы используете очень сфокусированные, подробные имена файлов. Какими бы ни были ваши целевые ключевые слова, вставьте их как часть имени файла, разделенного тире. Например, 2013-Porsche-911-Turbo-S-Coupe-Red.jpg гораздо более информативен, чем IMG-8679.jpg. Вот что я бы предложил для имен файлов:

• Используйте основные слова заголовка сообщения или темы изображения
• Удалить все маленькие слова (a, the и т. Д.)
• Добавьте тире / дефис между всеми словами (не подчеркивания)

3. Изображение Alt Text

Альтернативный текст - это текстовая альтернатива изображениям. Он добавлен, поэтому будет доступен описательный текст, когда изображение по какой-либо причине не может быть отображено посетителю. Его цель - рассказать вам об этом изображении и определить себя для поисковых систем.

Всякий раз, когда вы загружаете фотографию, вставьте альтернативный текст.

Если вы не используете WordPress или другую CMS (систему управления контентом), вы можете добавить код вручную.

<img src = "2013-Porsche-911-Turbo-S-Coupe-Red.jpg" alt = "красный 2013 Porsche 911 Turbo S coupe" title = "2013 Porsche 911 Turbo S">

Текст alt особенно важен для индексации SEO и Google. Вы должны сообщить Google, что это за изображение, чтобы Google мог правильно проиндексировать и упорядочить его. Это фото твоего любимого мустанга? Или это фото знаменитого макинтоша и сыра твоей мамы? Google не знает Вы должны сказать это.

Если вы используете CMS, каждый раз, когда вы размещаете новое изображение на своем сайте, вам будет предложено ввести альтернативный текст для описания изображения. Здесь вы захотите использовать ключевые слова, для которых вы оптимизируете эту конкретную страницу. Например, если ваша страница оптимизируется под основное ключевое слово «Программа похудения и диеты» и у вас есть изображение кого-то до и после, альтернативный текст может содержать текст «Программа похудения и диеты - человек до и после». Для того, чтобы создать отличный альтернативный текст Google, в их статья об изображениях предлагает сосредоточиться на использовании полезного, богатого информацией контента, который использует ключевые слова соответствующим образом.

Заключение

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

Оптимизация изображений должна быть важной частью вашей общей стратегии SEO. Правильно оптимизированные изображения могут генерировать большой трафик на ваш сайт, отображаясь в поисковых системах на основе изображений, таких как Google Images, и позволяют вашим изображениям иметь более высокий рейтинг в Google Images. Часто легче направлять трафик через поиск изображений по сравнению с обычным поиском, отчасти потому, что конкуренция меньше, а отчасти потому, что конкуренция с меньшей вероятностью будет должным образом оптимизирована.

Хотя существуют некоторые более продвинутые методы оптимизации изображений, такие как карты сайтов с изображениями Google, при условии, что вы правильно используете имена файлов и альтернативный текст, вы должны увидеть увеличение объема поискового трафика, приносимого вашим изображений.

Оптимизация размера файлов ваших изображений ускорит их загрузку, так что ваши страницы будут загружаться быстрее, что, в свою очередь, сделает ваших посетителей счастливее и заставит их возвращаться на ваш сайт. Не забывайте, что чем быстрее загружается ваш сайт, тем больше он понравится Google, Bing, Yahoo и другим поисковым системам.

Надеюсь, я убедил вас в важности оптимизации ваших изображений. Если вы еще этого не делали, сейчас самое время начать.

Если у вас есть вопросы или комментарии, я бы хотел их услышать. Поделитесь своими мыслями, комментируя ниже.

Похожие

Комментарии