Самые серьезные ошибки в SEO-деятельности: # 6 Нет оптимизации графики

1. 1. Оптимизация размера графических файлов - сжатие
2. 2. Поисковая оптимизация

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

Мы разделим тему графической оптимизации на две части: первая будет касаться оптимизации в «весовом» подходе, вторая будет в аспекте поисковой оптимизации.

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

1. Оптимизация размера графических файлов - сжатие

До недавнего времени мы не слишком заботились о размере этих файлов, так как скорость загрузки страниц становится все более и более важной, и PageSpeed ​​Insights начала указывать на Оптимизацию изображений (во многих ситуациях красным цветом - решение этой проблемы может оказать большое влияние на скорость отображения страницы). ), мы начали думать о сжатии.

Алгоритмы обработки изображений становятся все лучше, а сжатие без потерь позволяет нам значительно уменьшить вес файла при незаметной потере качества. Например, давайте сфотографировать свободный запас на обоях:

Вес до сжатия: 2,30 МБ (при разрешении 4195x2796) - по сравнению с сайтами, которые «весят» ~ 5 МБ - это довольно много.

Вот сравнение изображений после сжатия с помощью инструмента Optimzilla:

Размер после сжатия - 514 Кб (все же довольно много), при этом практически незаметная потеря качества. Конечно, это не экстремальная ситуация, потому что мы столкнулись с графическими файлами с размерами, превышающими 5 МБ (это часто сопровождалось оценкой 0/100 в PageSpeed ​​Insights), но, как вы можете видеть, оптимизация с качеством 75% может существенно повлиять на размер изображения, в то время как трудно заметить ущерб качеству. Рекомендуется отслеживать эти свойства и регулярно проверять, влияют ли и как они влияют на время загрузки нашего сайта. Этот аспект важен не только для роботов поисковых систем, но и для пользователей, которые могут ждать дольше, чтобы просматривать наш сайт.

2. Поисковая оптимизация

Следующие элементы часто опускаются, т. Е. Имя файла, его заголовок и атрибут alt.

Обычно все выглядит одинаково: мы делаем снимок из Интернета (11325406_7796691088_n_39272.jpg), делаем снимок экрана (Screen-screenshot-2016-02-20-10: 29: 36.png) или используем его сами (DSC_5240.jpg), вставляем его на страница, и мы остановимся на этом. Это выглядит так:

<img src = "/ folder / 11325406_7796691088_n_39272.jpg" />

Зная, что у алгоритмов и роботов Google есть проблемы с чтением фотографий (хотя в последнее время это сильно улучшилось), у нас есть пример неиспользованного потенциала выше. Добавив несколько элементов, мы можем дополнительно насытить наш веб-сайт определенным ключевым словом, поддержать чтение фотографий роботами поисковой системы или предоставить пользователям возможность отключить / заблокировать изображения.

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

1. Имя файла: должно описывать содержимое данного изображения, потому что Google обращает внимание на слова, содержащиеся в этом элементе. Такие имена, как example.jpg или 123456789.jpg, мало что говорят роботам поисковых систем. При именовании файлов рекомендуется использовать строчные буквы и использовать "-" для разделения изображений.

2. Атрибут Alt: так же, как и имя файла, он должен описывать графику, но в этом случае вам не нужно использовать какие-либо символы для разделения слов. Это хорошая идея для описания фотографий, но вы не должны спамить этот атрибут, потому что он может быть получен отрицательно. При его создании следует также учитывать программы чтения страниц для слепых или слабовидящих, чтобы они были правильно истолкованы. Как отмечено выше, в случае, когда изображение действует как ссылка, атрибут alt также обрабатывается как текст привязки.

3. Заголовок (title): это элемент, который будет отображаться при наведении указателя мыши на определенный рисунок (так называемые воздушные шары), используемый для отображения вспомогательного текста. Как и в случае с атрибутом alt, контент не должен содержать символы, разделяющие слова; должен быть логичным контентом, который может быть полезен пользователям.

4. Размещение в файле Sitemap: отправка дополнительной информации о графических файлах, которые мы добавили в карту сайта, может положительно повлиять на их лучшую индексацию и, следовательно, на более быстрое появление в графических результатах поиска. Стоит ознакомиться с информацией, касающейся подготовки Sitemap на сайт помощь Google И особенно теги ответственность для определение галерея :

   <image: image> <image: loc> http://domain.pl/nazwa-pliku-graficznego.jpg </ image: loc> <image: caption> Описание передаваемого изображения </ image: caption> </ image: image >

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

Поскольку вы уже знаете, как это должно выглядеть в теории, посмотрите сравнение изначально размещенной графики:

<img src = "/ folder / 11325406_7796691088_n_39272.jpg" />

с правильно оптимизированным:

<img src = "/ folder / filename-graphics.jpg" alt = "альтернативный текст" title = "заголовок помощника" />

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

Похожие

Комментарии