SEO и фотографии. Что делать с фотографиями на сайте?

И так, у Вас есть сайт. Вы пришли к нам на фирму, и вопрос, а что делать с фотографиями? Как правило почти все сайты начинали с того, что «тырили» фотографии (многие и тексты) в интернете. Если с текстами все просто — гугл и яндекс голову откручивал сайту, и потом говорил что сайт фигня полная, у него головы даже нету. То за «тыренные» фотографии они ведут себя странно. То скажут а-я-яй, и скажут что у Вас на сайте часть фотографий не видит вообще, потому вопрос их существования открыт, но часть скажет — вав, клас. Теперь мы Вас покажем всему миру с Вашими «тыренными» фотографиями. Потому, создавайте сайты сразу правильно.

[box]Правила работы с текстами и фотографиями различный у поисковых систем [/box]

SEO оптимизация изображений

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

Размер фотографии для SEO

Фотография должна быть качественна. Не самая крутая, которая загружается фиг знает сколько. Но, размер должен быть достаточным, что бы на фотографии или картинке можно было рассмотреть фотографию.  Теоретически, размер фотографии для гугла и яндекса не имеет значения. Но, если Вы размещаете фотографии низкого качества, то посетители будут стараться побыстрее сбежать с Вашего сайта. Единственно, на что нужно обращать внимание, что при одинаковых картинках гугл будет показывать ту, которая большего размера. С другой стороны важно не переборщить, ведь большие фотографии грузятся долго. И если Вы поставите несколько больших фотографий, страница будет долго грузиться, особенно у тех, у кого медленный интернет. Потому, фотографии лучше ставить в качестве 600* 800 пикселей. Можно больше ил меньше — мнений может быть много. Но данное качество кажется нам золотой серединой.

Как определить количество пикселей? Все просто —  наводим в проводнике курсор мышки на фотографию, и там указаны ее размеры в пикселях.

Я вообще делаю проще (может для кого-то и сложнее будет, и он знает более простой способ). Закидываю фотографию в пейнт, и с помощью клавиш Ctrl+W уменьшаю размер до той поры, пока не получу фотографию, которая вмещается на экране монитора.

Мы взяли одну и ту же фотографию аквариума компании Blue Barbus. Первая фотография 1600*1062 px., вторая 400*266. Вот в таких диапазонах можно ставить фотографии на сайтах. Если у Вас текст ни о чем, то вставляйте для красоты размер, который больше чем на последней фотографии, а если это Ваш товар, и Вы хотите показать его со всех сторон, тогда первый вариант. Размер первой фотографии 1,4 Мб, размер последней фотографии 23,5 кб. Вы уже можете видеть что размера 400*266 хватает только для того, что на страничке что-то есть. Любое ее увеличение ужасно искажает фотографию, потому в таких размерах не рекомендуем ставить на сайтах. Ну разве что фотография ни о чем и ее не будут увеличивать никогда.

И учтите, совсем маленькие фотографии гугл не воспринимает ну никак. Потому минимум 100 кб фотография должна быть. Гугл больше уже ориентируется на большие фотографии.

Форма фотографий для SEO

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

Атрибуты картинок для SEO

Есть следующие атрибуты, которые показывает вордпресс для работы с фотографиями: 

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

Сразу несколько уточнений:

  • Если Вы все атрибуты заполняете одинаково, то поисковые системы могут это посчитать как переспам.
  • Атрибут Альт и Описание, Альт для поисковых роботов, Описание — текст для людей, который описывает фотографию.

Атрибут  картинок для SEO

Атрибут 

Атрибут  картинок для SEO

Это полная копия названия файла и может использоваться кирилца. Ну что же, здесь меняем уже на название, что у нас на фотографии и по какому запросу фотография должна находиться в гугле. Припустим, для предыдущей странички заголовок может быть как «Аквариум для креветок Blue Berbus Lux lrevetka». Для поиска он будет показываться в результатах «аквариум для креветок», ну а так же по названию модели аквариума.

Атрибут  картинок для SEO

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

Атрибут  картинок для SEO

Данный атрибут посетитель почти никогда не видит, потому можно писать белиберду для роботов. В фотографии можно просто перечислить что на фотографии: аквариум на 27 литров для креветок, полностью оформлен живыми креветками, производство компании Blue Barbus Киев —  шикарный маленький аквариум. Фраз типа купить аквариум или цен аквариума нет смысла писать, т.к. разве вы ища картинки вбиваете такой запрос?

Длинна должна быть от 3 слов до 250 символов.

Атрибут  картинок для SEO

Скорей всего не влияет на продвижение картинок. В гугла кажется 800 параметров, что бы оценить текст, потому на мое мнение гугл учитывает все, и может в этом не признаваться. Как он может знать о чем картинка? Только со смутных представлений роботов (которые точно не научились различать все картинки), и с того, как мы подписываем и называем картинку. Но, в картинке настолько мало информации в атрибуте альт и названии его, что, думаю, вполне реально что для картинок и данный параметр учитывается.

Его следует писать как для людей. Аквариум должен звучать как идеальный оформленный маленький аквариум на 27 литров.

Если поисковые системы не индексируют фотографию

Есть 2 варианта решения проблемы. Первое Shift+Del = удаление навсегда, или же когда фотография ценная, то улучшаем ее заполняя все атрибуты. Как улучшать написано выше, но и удалять так же нужно уметь.

Удаление фотография с сайта

Самое радикальное решение — нет головы, нет головной боли. Вначале напишу, как удалить фотографию с сайта вордпрес. Удалить просто со странички — не правильно. Нужно удалить с корнями, а то потом вдруг вставите в другую статью на сайте.

Последовательность действий по удалению файлов с сайта:

  • Выделяем фотографию на сайте
  • Смотрим ее адрес (окончание)
  • Входим в пункт добавить медиафайл
  • Вбиваем в поиск название фотографии, какую нужно удалить
  • Выделяем нужную фотографию
  • Там есть кнопочка «удалить навсегда»

Если же у Вас имя файла 1 например, и таких фотографий сотни, то там можно искать не только по названию сайта, а и по датам ее создания. Дату можно посмотреть в названии сайта — всегда фотографии попадают в папку месяца. И путь к фотографии будет ориентировочно такой.  wp-content/uploads/2015/09/vyistavki-akvariumsitiki.jpg

Как узнать что фотография не в индексе

Фотографии на сайте можно посмотреть в ручную. Вбиваем в гугл следующее site:название нашего сайта. Все без пробелов. Вам покажут все страницы, которые проиндексировал гугл на Вашем сайте. Далее переходим в пункт картинки, и он покажет все фотографии, которые в индексе.

Как найти похожие фотографии

Я вот нашел одну фотографию в индексе гугла. Помню что ее качал с нета. Поставил на дубликат — 270 таких же фотографий в интернете есть. И даже гугл находит обрезанные такие фотографии (т.е. вырезали часть ее). Как же мне удалось попасть в индекс? Наверное уникальные расписанные атрибуты.

Заходим на сайт https://images.google.com/, нажимаем кнопочку Пошук за зображенням, вставляем адрес нашей картинки, и получаем результат.

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

И очень важно — никогда не вставляйте фотографий с других сайтов. Вы даете на них ссылки со своего сайта. И потому у Вас минус. Мы так в свое время данный сайт погубили, используя не фотографии, а ссылки на них в интернете. Трафик просел моментально.

Пошаговая работа с фотографиями на сайте

Все по шажкам, что нужно сделать что бы фотографии были правильные.

  1. Как открыть атрибуты фотографииОткрываем страницу для редактирования. По очереди все, с конца и до начала. Открыли, тогда смотрим на фотографию и нажимаем на нее правой клавишей мышки и нажимаем на значок ручки. Там появятся артибуты фотографии, и мы сможем узнать, а где же она находится.
  2. Мы определяем название картинки, по которому ее будем искать. В том месте где ссылка мы выбираем пункт «медиафайл», и потом просто копируем часть названия картинки для дальнейшего поиска в нашей базе. Как отыскать название картинки на сайте
  3. Находим реальное размещение картинки на сайте. 
  4. Выбираем нашу картинку. В форме поиска вставляем нашу часть названия картинки, и находим ее. Как видим атрибута альт в ней нету. Размер 670 кб. Рекомендация удалять картинки до 100 кб. Так что припустим, что она маленькая, и нам ее нужно заменить. Если такая картинка попадается на сайте, мы просто дописываем атрибут alt, возможно меняем заголовок, и сохраняем. Если же картинка маленькая, тас есть кнопочка «удалить навсегда». Вот ее и нажимаем. После этого переходим на страницу сайта и там так же ее удаляем. Панель управления картинками
  5. Поиск картинки в гугле. Вбиваем в строку поиска то, что мы видим или что должно быть в тексте. Далее переходим во вкладку «рисунки», «инструменты», «размер», «больше чем»  — 2 Мпкс. Все, выбираем среди результатов. По секрету, иногда можете вбивать английские названия, или как пример латинские названия видов животных, тогда поиск будет другой. Результаты поиска гугла по картинкм
  6. Выбираем и сохраняем картинку. Какая нам нравится, ту и берем. Сохраняем ОБЯЗАТЕЛЬНО с нашим правильным названием. Т.е файл должен быть не 14112017.jpg, а Аквариум_травник_с_черным_фоном.jpg , ведь потом все равно нужно будет нужно менять название в атрибутах картинки. Потому, правильнее сразу правильно сохранить ее. Сохраняем на винчестер картинку из поиска гугла
  7. Теперь вставляем картинку на сайт. Кнопочка «добавить медиафайл» (мы уже ее нажимали когда искали картинку). Вот там есть кнопочка загрузить файлы. Нажимаем на нее, и просто загружаем фотографию, которую раньше сохранили на винчестере. Как загрузить картинку на сайт
  8. Теперь заполняем атрибуты к фотографиям. Мы выделяем вновь скачанную фотографию. Заголовок, что выделен, должен совпадать с названием файла, как вы его сохраняли. Ну а далее прокручиваем все вниз, там еще есть что заполнять. Под ним сразу будет атрибут alt. Это краткое описание фотографии. Как пример, фотография травника с гигрофилой иволстной и сагитарией с черным фоном и черным грунтом. Заполняем атрибуты фотографий
  9. Заполняем дальше. Здесь вставляем атрибут ссылка. Когда мы его ставим, то при нажатии на фотографию в статье фотография просто увеличивается и выходит на передний план. Это когда хочется более детально рассмотреть нюансы. Остальные 2 пункта мы уже в статье вставляем. Можно и здесь, но лучше там уже по месту. Нажимаем кнопку «вставить в запись», и переходим на страницу, с которой все начиналось.Атрибут ссылка у фотографий
  10. Последняя проверка. Атрибут alt должен быть. Расположение на странице — лучше выравнивать в тексте по левому и правому краю. Это уже нужно смотреть, что бы на страничке они выглядели в тексте хорошо. Размер лучше выбирать средний, тогда они и на пол странички в ширину будут грузиться. И опять таки там где ссылка должен быть вариант «медиафайл» в основном.
  11. Как управлять всеми фотографиями. Ну во первых, правила, что сколько удалили, столько должны поставить нету. Вы должны сделать страничку симпатичной. И потому может быть другое количество, так и другая их структура. Второе, после того, как все фотографии поменяли, проверьте работу. вот как на фотографии внизу, желательно  (не обязательно) сразу в тексте вставлять картинку в самом начале. Ну и обязательно 2 кнопки — «обновить» и «просмотреть изменения». Последняя проверка фотографий на сайте
    Вот и все, работа готова. Теперь даже фотография с интернета у Вас на сайте смотрится. Теперь она наполнена. Конечно же лучше, когда фотографию вы используете свою, но не всегда получится. Ведь сделать фотографию не всегда получится дешево. Иногда к фотографии кучу декораций нужно создать. Но, чем больше Вы вложите в них, тем лучше будут ваши позиции. Потому, как вставлять с интернета мы рассказали. Но, старайтесь хотя бы со временем, заменять все фотографии на свои.

Как уменьшаются фотографии

Начнем. Когда сайт загружается, он грузит все, что на нем есть. Чем больше ему грузить, тем дольше грузится. А чем дольше грузится — тем больше вероятность, что Ваш клиент не дождется загрузки Вашей страницы, перейдет назад в поиск, и Вы получите пессимизацию сайта.
Вот что бы такое случалось реже, мы должны ускорить загрузку страниц. Самое простое и часто возникающее — фотографии. Очень часто страница «пестрит» качественными фотографиями. Это не совсем правильно (разве что у вас сайт о фотографиях или о дизайне). В любом случае, если Ваши фотографии занимают по несколько мегабайт, их нужно уменьшать. Если вначале оно может не мешать, то потом даже открыв галерею что бы вставить фотографию, нам придется несколько минут дать ее загрузки. Уменьшим фото для продвижения Вашего сайта.

Уменьшение фотографий

Как оно происходит. Вначале, заходим на свой хостер аккаунт, ищем папочку «фотографии», и сортируем их по размеру. Видим самые больший, и начинаем скачивать. Скачивается в папочку Downloads, если мы не укажем другую. Скачали. Дальше можно работать или обычным Microsoft Paint, или же я пользуюсь -http://www.webresizer.com/resizer/ . Точнее я пользуюсь 2-мя методиками. Есть много других, и пользуйтесь, если Вам удобно и ими. Я как вариант поставил.

Уменьшение размера в Microsoft Paint

Уменьшение фото с помощью Microsoft Paint

Левая кнопка мышки — открыть с помощью, и выбираем программу Paint . Далее, CTRL+W, 20, TAB, 20, ENTER, ALT+F4, ENTER. Что это произошло? Это случилось то, что вы оставили 20% от предыдущего размера. Процент может изменяться, в зависимости от начального размера фотографий, и нужного результата. И свой процент Вы должны сами «нащупать».

Уменьшение размера в webresizer

Уменьшение размера в webresizer

И так, захожу на сайт. Далее, «выберите файл», «upload image», (Я ставлю галочку на ‘border’, выбираю какие границы, как «фишка сайта»), ждем — тогда высвечивается вторая фотография, показывается, на сколько уменьшилась в процентах, и размер нового файла. Далее нажимаем download this image Почти все. Остается удалить предыдущую фотографию, и убрать символы в названии новой фотографии «_opt». Ведь сохраняет файлы именно с таким окончанием — приписывает к файлам.

После любого способа уменьшения размера или обработки фотографии — мы загружаем фотографию назад на хостинг с тем же именем, и меняем исходный файл. Что бы поменять размер фотографии сколько кнопочек нужно нажать? Сколько времени заберет? Справится даже школьник. А Вы школьнику доверите работу с вашим сайтом на вашем хостинге? Вот потому даже уменьшение фотографий не может быть слишком дешевым.
Есть комбайны, которые массово уменьшают фотографии. Можно и ими пользоваться при больших объемах. Но все равно это время. Тем более, массово она на то и массово, что все гребет под одну гребенку. Там тоже не все так гладко, как может казаться на первый взгляд. Фото  поможет визуально розбавить сырой текст статьи.

SEO и фотографии. Что делать с фотографиями на сайте?: 1 комментарий

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