Как оптимизировать изображения

1. Назовите свой файл
2. ALT Tag
3. Название тега
4. Качество и формат изображения
5. Содержание и изображение

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

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

Есть два основных атрибута HTML, которые помогают Google в этой задаче: Title и ALT . Они имеют решающее значение для вашего рейтинга Google Images. И почему так важно видеть изображения в поиске?

Изображения в верхних местах Google

Когда поиск выполняется с помощью визуальных терминов, таких как художники, места, автомобили и все, что связано с изображением, быстро, Google имеет тенденцию показывать некоторые образцы изображений перед некоторыми результатами на веб-странице, пока даже на 1-м месте.

Узнайте больше о том, как оптимизировать ваши изображения и другие аспекты SEO в нашем курс в классе ,

Назовите свой файл

Важно, чтобы файлы на вашем компьютере не имели общих имен, таких как «image.jpg» или стандартов цифровых машин, таких как «DSC001» и «IMAGE0001».

Изображения с именами по умолчанию

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

Оптимизированное имя изображения

ALT Tag

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

Как использовать атрибут alt

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

Поскольку это альтернативный текст, который служит для представления изображения, а не описания, и, следовательно, текстовый эквивалент изображения, важно иметь короткие предложения, связанные с расположением изображения. Вычтите «стоп-слова» (с, с, с) и отдайте предпочтение вашим словам ключевые слова.

Чтобы вставить ALT в изображения, откройте редактор HTML и добавьте alt = "текст с ключевым словом" после тега заголовка изображения. В блогах при добавлении изображения сама платформа предоставляет вам поля, в которые вы будете помещать альт и заголовок.

Название тега

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

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

Пример оптимизированного заголовка

При правильном использовании тегов ALT и Title при публикации изображений на странице код будет выглядеть следующим образом: <img src = "URL-адрес с именем файла фотографии в конце" title = "ПОДРОБНОЕ ИМЯ ФОТОГРАФИИ" alt = "ОПИСАНИЕ"> , Но есть и другие факторы, которые можно оптимизировать.

Качество и формат изображения

Отдайте предпочтение стандартным форматам, таким как jpg, gif, bmp и png, и помните: качество изображения может изменить скорость загрузки. Следовательно, чем больше размер файла и / или его качество, тем медленнее загрузка, и это может привести к тому, что пользователь потеряет терпение или не вернется на сайт, если это происходит много раз.

Тем не менее, бесполезно помещать небольшие изображения низкого качества. Подумайте, что подумает ваш пользователь, и постарайтесь найти золотую середину между качеством, размером и скоростью.

Содержание и изображение

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

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

А вы, какие еще методы оптимизации изображений вы знаете? А для видео и музыки?

Похожие

Комментарии