Оптимизация изображений сайта
Опубликовано: 24.08.2018
Приветствую вас, друзья. Как ни крути, а изображения для сайта играют очень важную роль не только для визуального восприятия, но и для успешной поисковой оптимизации.
В прошлой статье я писал о том, что такое скорость загрузки сайта , и как она влияет на поисковое продвижение. При проверке своего блога, заметил, что блог неслабо нагружают изображения, которые неплохо было бы оптимизировать, чем сейчас и занимаюсь, а в процессе работы появилась вот эта статья.
Оптимизация изображений для сайта
К оптимизации изображений можно отнести:
Уникальность; Качество; Размер и формат изображений; Количество изображений; Директория изображений; Название и описание картинок; Использование водяного знака;Уникальность изображений.
Уникальность изображений так же важна, как и уникальность текста. Конечно, поисковые ситемы не делятся своими алгоритмами проверки уникальности изображений, но даже поразмыслив немного логически, и проведя несколько анализов, можно сделать вывод, что у Яндекс и Google похожие алгоритмы проверки изображений, но есть и различия.
Оптимизация скорости сайта на #WordPress. Серия #2. Оптимизация картинок и другие важные моменты
Я для себя сделал следующие выводы. При проверке и изображений на уникальность и их ранжирование, поисковые системы обращают внимание в первую очередь на:
Название картинки. То есть изображения нужно называть своими именами, а не набором символов. Вот, к примеру, я нашел правильно оптимизированное изображение, где название соответствует содержимому. В названии я вижу – « ford_mustang ».
Title изображения. Здесь правила те же, что и при оптимизации текста. Title тоже должен соответствовать. В примере на картинке он следующий – « фото Ford Mustang Shelby GT500 ».
Alt изображения. Это правильное соответствующее действительности описание изображение. На примере оно такое – « Форд Мустанг Шелби GT500 фото ».
Это изображение хороший пример того как правильно оптимизировать картинки, и результат налицо, картинка на первых местах в поиске по ВЧ запросу.
Правильный код изображения должен выглядеть так:
<img class="класс картинки, если есть" title="титл картинки" src="ссылка на изображение" alt="описание изображения" width="ширина картинки" height="высота картинки" />Избегайте точное вхождение ключевых слов в title, alt картинок и текста! Переоптимизация создаст риск фильтра от поисковых систем.
Качество изображений.
Изображения, используемые для сайтов, относятся к растровой графике (форматы png, jpeg, gif). Растровые изображения состоят из большого количества квадратов – пикселей. Качество изображений зависит от количество пикселей на 1 квадратный дюйм. Оптимальное разрешение – 72 ppi. Чем оно меньше, тем соответственно и хуже качество изображения.
При создании нового изображения в фотошопе, у вас появиться вот такая табличка, где и нужно указать разрешение.
Разрешение выше, чем 72 ppi делать нежелательно. От этого не улучшиться качество, а только сделает вес изображения больше, потому что большинство мониторов не предназначены для обрабатывания изображений выше чем 72 ppi.
Размер изображения.
Многие вебмастера и блоггеры допускают распространенную ошибку. Загружают изображения на хостинг одного размера, а на странице отображения указывают другое. Это не просто лишняя нагрузка на хостинг из-за веса картинки, но и более длительная обработка изображения браузером.
Всегда загружайте изображение, уже подогнанное под размер. При изменении размера, меняйте и формат. Это значительно снизит вес картинок. В скором будущем я напишу как изменить вес изображения без потери качества.
Оптимизация формата изображения.
Если поисковые системы умеют определять формат изображения, таких как png, jpeg, gif, то я думаю с уверенностью можно сказать, что при поисковом ранжировании картинок, они учитывают и формат изображений.
Каждый формат обычно предназначен для определенных целей.
PNG – чаще используется для элементов дизайна сайта.
JPEG – применяется для объемных фотографий, в статьях на сайте. GIF – применяется для аннимации.Влияние количества изображений на оптимизацию.
Каждое изображение при открытии его браузером, требует обработки, соответственно, чем больше изображений на странице, тем дольше она грузится, это касается и изображений в дизайне сайта.
В какой директории размещать изображения, и как это влияет на загрузку?
Размещать картинки можно в любой директории, но если вы хотите ускорить их загрузку, то размещайте в одной папке, например, images. Это уменьшит количество запросов браузера и увеличит скорость загрузки сайта.
Стоит ли использовать водяной знак?
Использовать водяной знак или нет, ваш выбор. Я его использую только для главных картинок, а в остальных не вижу смысла, так как у меня преимущественно скриншоты, которые вряд ли кто-то будет воровать.
Водяной знак придаст уникальности вашему изображению. Но если вы просто скопировали картинку из поиска Google и влепили свой водяной знак, то она от этого не станет уникальной.
Как проверить уникальность изображений?
Самым лучшим вариантом проверки уникальности изображения я считаю всемирно известный Google.
Просто переходим по ссылке – проверить уникальность картинки , загружаем изображение, и гугл выдаст результаты.
Есть еще несколько онлайн сервисов для проверки уникальности изображения, но они менее эффективны.
А вы оптимизируете изображения? Какие еще фишки используете?
Сегодня | Завтра | ||
USD | 32.62 | 32.50 | |
EUR | 39.90 | 39.92 |
Обменник | Переходов |
Wmchanger | 6 |
E-Market | 5 |
WMtoCash.com | 4 |
Str-Money | 3 |
Hot-Change | 3 |
Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки | |
Кошелек
|
|
Код
|
|
Обмен Webmoney |