Оптимизация веб-графики и фотографий для сайта

1. Где взять графику на сайте?
2. Оптимизация графики для SEO
3. Название графического файла
4. Размер и вес графики
5. Графическое масштабирование
6. Alt атрибут или альтернативное описание
7. Название рисунка
8. Дружественный URL
9. Структурированные данные для графики
10. Карта сайта XML для графики
11. Поисковая оптимизация - резюме

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

Где взять графику на сайте?

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

Просмотрите такие фотобанки как:

Если вы собираетесь использовать его поисковая система графики Google Чтобы загрузить фотографии на свой сайт, сначала проверьте авторские права на изображения. Для этого щелкните в разделе « Инструменты » и перейдите на вкладку « Права на использование » . Выберите один из вариантов. Поисковая система будет отображать только графику, которую вы можете использовать на своем сайте.

Оптимизация графики для SEO

Поисковая система Google до сих пор не справляется с распознаванием изображения контента на сайте. Роботы видят, что графика есть на сайте, но они не могут прочитать, представляет ли она обувь или симпатичную кошку. Если фотография не оптимизирована для SEO, маловероятно, что она появится в Google Image, и сайт не будет привлекать пользователей, которые ищут товары или услуги, используя фотографии. Вам следует позаботиться о таких элементах, как:

Название графического файла

Избегайте случайно сгенерированных имен файлов, таких как: 2651a0hd.jpg . Название графического изображения, которое вы загружаете на сервер, важно для роботов поисковых систем и для пользователей. Стоит переправить ключевые слова, четко указав, что изображено на сайте, например, buty-na-koturnie.jpg . Избегайте длинных формулировок и спама. Опишите кратко графический контент ,

Название не должно содержать польских букв или специальных символов. В качестве разделителя мы рекомендуем использовать обычную паузу «-» .

Размер и вес графики

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

Какого размера должна иметь конвертированная графика? Наименьшее возможное, но мы также должны помнить о пользователях - это будет неразборчиво для маленького изображения. Рекомендуется, чтобы вес передаваемых изображений не превышал 150-200 КБ. Для больших изображений также стоит выбрать файл с расширением .png вместо .jpg для диаграмм, графики и скриншотов. В других случаях лучше выбрать файл .jpg. Благодаря этому мы оптимизируем время загрузки страницы.

Графическое масштабирование

Перед загрузкой изображений их необходимо масштабировать до размеров, в которых они будут представлены на сайте. Это правда, что большинство систем CMS автоматически корректируют графику в соответствии с доступным пространством, но не имеет смысла загружать фотографии 3000 x 3000 px, если в результате она будет уменьшена до 300 x 300 px.

Alt атрибут или альтернативное описание

Атрибут alt является одним из наиболее важных элементов Image SEO, благодаря которому роботы поисковых систем узнают, что на картинке. Он невидим для пользователей (если фотография загружена правильно на веб-сайте) и должен быть заполнен на каждом графике. В альтернативном описании кратко и кратко представьте содержание картинки, используя несколько ключевое слово в натуральной форме. В альте запрещено набивать фразы на прочность.

Правило, дополненное атрибутом alt в коде страницы, выглядит так:

<img src = "http: //domena/buty-na-koturnie.jpg" alt = "Черные туфли на танкетке" />.

Большинство популярных CMS позволяет дополнить альтернативное описание с помощью мастера добавления графики.

Название рисунка

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

Код страницы изображения был дополнен заголовком и атрибутом alt:

<img src = "http: //domena/buty-na-koturnie.jpg" alt = "Черные туфли на танкетке" title = "Модные туфли на танкетке" />.

Дружественный URL

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

Структурированные данные для графики

Недавно выбранные категории графики (фотографии продуктов, изображения, прикрепленные к рецептам) могут быть помечены микроданными. Реализация структурированных данных позволяет отображать дополнительную информацию непосредственно в поисковая система мобильной графики , В случае товаров пользователь увидит цену, отзывы покупателей, кнопку переключения на сайт продавца. Чтобы правильно реализовать микроданные, мы рекомендуем использовать советы Разработчики Google и инструменты для тестирования структурных данных.

Карта сайта XML для графики

Мы рекомендуем подготовить отдельную карту сайта с URL-адресами изображений для сайтов с несколькими изображениями. Эта практика поддержит процесс индексации вашего сайта и увеличит доступность изображений для сканеров поисковых систем.

Поисковая оптимизация - резюме

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

Похожие

Комментарии