Все про картинки в Blogger


Все про картинки в Blogger

Подробная инструкция по работе с картинками в Blogger. Решение различных проблем, связанных с картинками в блоге: загрузка, оптимизация, описание и пр.

    Как правильно вставить картинку в сообщение

    При написании сообщения в Blogger имеется возможность загрузки картинки в статью. Делать это нужно по средствам родного блоггерского загрузчика. 

    Как вставить картинку в сообщение

    Для этого в верхней панели инструментов текстового редактора находим кнопку: "Вставить изображение".

    Далее, жмем: "Загрузить с компьютера"

    Как вставить картинку в сообщение шаг 2

    Затем, кликаем: "Выбрать файлы".

    И выбираем нужный картинки на своем устройстве и добавляем их в статью.

    Оптимизация картинки перед загрузкой

    Перед тем как загрузить картинку в блог, ее нужно оптимизировать:

    Во-первых, необходимо уменьшить вес картинки. Сжать изображения можно онлайн, на специальных сайтах. Я пользуюсь Optimizilla.

    Также, не лишним будет конвертировать картинку в более современный формат, например WebP. Это значительно уменьшит ее вес. Я пользуюсь бесплатным онлайн конвертером изображений.

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

    Добавляем описание (Alt и Title) картинки

    Картинки могут приносить дополнительный трафик на сайт. Для этого нужно, что бы изображения были проиндексированы и появились в поисковой выдаче. Но поисковики не могут самостоятельно понять, что изображено на картинке. А значит, нужно им в этом помочь.  

    Поэтому, после добавлении картинки на сайт, необходимо добавить описание для нее, прописать теги Alt и Title. 

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

    Если хотите, чтобы изображения с вашего сайта были в поиске, то тег Alt обязательно нужно прописывать.

    Основные требования к атрибуту Alt:
    • Должен быть информативным и точно описывать картинку;
    • Содержать ключевое слова (не более одного раза);
    • Состоять не более чем из 250 символов ( 3-5 слов).

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

    Основные требования к атрибуту Title:
    • Должен соответствовать изображению и быть информативным;
    • Не должен быть слишком длинным (3-5 слов);
    • По возможности, содержать ключевые фразы.

    Добавляем тег Alt и Title картинки

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

    Добавляем тег Alt и Title картинки шаг 2

    После чего, в открывшемся окне в строке "Альтернативный текст" прописываем тег Alt, а в строке "Текст заголовка", тег Title.

    Многие задаются вопросом: "Теги Alt и Title должны быть разными или уникальными?". Точного ответа на данный вопрос нет. Но если посмотреть данные атрибуты на сайтах из ТОП 10 поиска, то можно увидеть, что встречаются оба варианта. Следовательно, можно сделать вывод, что допустимы оба варианта.

    Как в Blogger сделать картинку ссылкой

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

    Blogger картинка ссылка

    В Blogger реализовать это очень просто. Нужно в текстовом редакторе выделить картинку, после чего в верхней панели инструментов нажать на значок ссылки.

    Blogger картинка ссылка шаг 2

    Затем, в открывшемся окне заменить ссылку на свою и сохранить изменения.
    Тут же, вы можете настроить параметры ссылки: открывать в новом окне и закрыть ее от индексации. Для этого, поставьте галочку в соответствующем окне.

    В Blogger не отображаются картинки, что делать?

    В Blogger не отображаются картинки


    Не так давно, я стал замечать что не все картинки в моих блогах на Blogger отображаются в браузере. Как оказалось, что у Роскомнадзора домены формата: https://1.bp.blogspot.com........, на которых хранятся картинки попали под блокировку.

    Чтобы это исправить, нужно перезалить все картинки в блог (или перевыбрать из архива), чтобы ссылка на картинку была формата: https://blogger.googleusercontent.com/...... 

    Где найти все картинки из блога

    Если у вас возникла необходимость посмотреть все картинки, которые у вас были загружены ранее в блог, то можно это сделать в альбомах Blogger, перейдя по ссылке https://www.blogger.com/mediamanager/albums

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

    Если вы удалите картинку из данного архива, то она автоматически удалится и из блога. 

    Рекомендуем

    Комментарии