Оптимизация изображения SEO. Улучшена скорость загрузки веб-страницы.

1. Зачем мне нужна SEO оптимизация фотографий?
2. Тег бесплатных картинок
3. Важные моменты, которые следует учитывать при оптимизации изображений для Интернета:
4. 2. Название изображения или заголовок
5. 3. Подпись картины
6. 4. Альтернативный текст картинок
7. 5. Название файла изображения
8. 6. Используйте описательный текст enkur
9. 7. Не засоряйте ключевые слова
10. 8. Параллельная загрузка фотоизображений
11. 9. Используйте один из плагинов Lazy load.
12. 10. Используйте Спрайты

Изображение pixabay

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

Если вы все еще думаете о SEO, прочитайте эту статью: Что такое SEO оптимизация.

Вот один из сайтов, который успешно использует картинки:
www.spotify.com

Зачем мне нужна SEO оптимизация фотографий?

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

Тег бесплатных картинок

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

Здесь можно найти бесплатные картинки:

• Flickr - лучшее место, чтобы найти качественные бесплатные картинки. Также доступны бесплатные картинки Служба поиска Creative Commons ,
• freeimages.com - любой предыдущий sxc.hu, все миллионы картинок бесплатны.
• pixabay - новичок, но уже несколько лет предлагает одну из самых больших бесплатных коллекций изображений. Каждая фотография тщательно проверена, поэтому вы не найдете там такого действительно плохого качества.
• ISTOCKPHOTO - Огромное количество фотографий, которые можно купить, если вы не нашли ничего лучшего в бесплатном хранилище фотографий.

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

Принцип таков: если изображение не лицензировано Creative Commons или если вы не приобрели или не создали его самостоятельно, вам не нужно его публиковать.

Важные моменты, которые следует учитывать при оптимизации изображений для Интернета:

1. Размер файла изображения

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

• JPEGmini - мой любимый инструмент, поскольку позволяет сравнивать качество картинки до и после. И демонстрирует размер экономии до 5х.
• TinyPNG - Еще один любимый, когда вам нужно уменьшить файлы PNG

2. Название изображения или заголовок

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

Если вы не используете WordPress и не восстановите домашнюю страницу, последняя написанная HTML-строка о динозаврах будет выглядеть так:
<img src = ”omes-kakis-aizkraukle.jpg” title = ”Кошка Омес”>

3. Подпись картины

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

Вот как выглядит подпись картины

4. Альтернативный текст картинок

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

В качестве альтернативы поклонникам HTML, примечание:

<img src = ”omes-kakis-aizkraukle.jpg” title = ”Кошка Омеса” alt = ”подлый кот”>

5. Название файла изображения

Прежде чем загружать любое фотоизображение, оно должно быть названо в описательной форме. Представьте себе ситуацию, когда вы или посетитель хотите найти фотографию через год после ее загрузки ... как вы думаете, ее будет легче найти?
это DSC8642.jpg или mils-bruns-kakis-aizkraukle.jpg ?

6. Используйте описательный текст enkur

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

HTML выглядит вокруг:

<img name = ”omes-kakis-aizkraukle” src = ”http://www.manamajaslapa.lv/img/omes-kakis-aizkraukle.jpg»> </ img>

7. Не засоряйте ключевые слова

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

8. Параллельная загрузка фотоизображений

Если на странице много изображений, рекомендуется использовать загрузку файлов, чтобы загрузить страницу как можно быстрее. Почему? Поскольку серверы могут загружать только 2-4 файла одновременно, скорость загрузки страницы замедлится, если будет слишком много запросов. Что это? Принцип довольно прост - мы создаем субдомены и через них загружаем изображения или другие файлы, поэтому загрузка файлов происходит в 2 или 3 раза быстрее. Ну вроде

в стандартной ситуации у вас есть mansdomain.lv, а для картинок используется поддомен img.mansdomēns.lv

9. Используйте один из плагинов Lazy load.

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

10. Используйте Спрайты

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

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

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