Купить готовый сайт
Фотошоп онлайн для новичков

Как Оптимизировать Картинки для Сайта

Здравствуйте дорогие читатели блога Интернет Бизнес

Как оптимизировать картинки для сайта

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

Где получить графику на веб-сайте?

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

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

  • Pixabay,
  • Fotolia
  • Freepic.

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

 

Оптимизировать изображения на сайте для SEO

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

 

Имя графического файла

Избегайте случайно созданных имен файлов, таких как:

 2651a0hd.jpg .

 Имя загружаемого вами изображения на сервер важно для роботов поисковых систем и для пользователей. Стоит прописывать ключевые слова, четко указывая, что представляет собой изображение на веб-сайте, например, infografika-site.jpg . Избегайте длинных формулировок и спама. Опишите графический контент используя пару строк с ключем.

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

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

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

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

Масштабирование графики

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

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

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

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

<img src = «http: //domena/buty-na-koturnie.jpg» alt = «Быстрое создание инфографики на сервисе» />.

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

Название графика

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

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

<img src = «http: //domena/buty-na-koturnie.jpg» alt = «Seo оптимизация изображений» title = «Оптимизируй изображение в 2 клика» />.

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

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

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

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

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

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

Оптимизировать картинки для сайта и поиска — резюме

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

как организовать вебинар

Телеграм

Tags

Александр Гусельников

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

Статьи по теме

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Close