Оптимизация картинок wordpress

Оптимизация картинок wordpress

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

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

  • Первое — нужно изменить размер картинки. Делается это для того, чтобы она не занимала много места на вашем хостинге.
  • Второе – чтобы картинка  вписывалась в ваш блог, не наезжала на сайт-бар. Чтобы она смотрелась гармонично на вашем блоге.
  • Третье — нужно правильно картинку назвать. Вот такие шаги нужно сделать перед размещением картинки на сайт.

Оптимизация картинок wordpress  по общепринятым правилам

Ну, теперь покажем, как делается оптимизация картинок wordpress, чтобы ваш сайт был правильным.

В большинстве шаблонов используются картинки шириной 600-800 пикселей. Очень редко можно встретить темы, в  которых картинки бывают большей ширины. А меньше 600 пикселей тоже делать не желательно, они будут небольшими, и плохо будут смотреться.

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

Выбираем нужную картинку. Далее открываем фотошоп и нажимаем  на кнопочку «открыть». В открывшемся окне ищем свою картинку. Опять нажимаем на кнопку «открыть» и в фотошопе отобразится наша картинка. Теперь нужно задать ей нужный размер.

Для этого нужно воспользоваться кнопкой изобржение, далее нажимаем на кнопку  размер изображения, выбираем и назначаем цифру 600. Высота генерируется автоматически. Только смотрите, чтобы значок генерации был включен. Смотри скриншот. Красные стрелки показывают на положение значка генерации.

Оптимизация картинок wordpress

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

Читайте также:  Создать сайт быстро эффективным способом

Для этого ходим на сайт http://optimizilla.com/ru. Нажимаете на кнопку 1 «загрузить». В открывшемся окне выбираете файл, жмете «открыть» и сразу начинается сжатие файла.

Смотри скриншот:

Оптимизация картинок wordpress 4

В моем случае под цифрой 2 исходный файл размером 735К, а под цифрой 3 файл после сжатия. Он стал размером 241К. Видите, он стал в три раза меньше. Далее нажимаете на «скачать» под цифрой 4. Картинка скачается на ваш компьютер.

Основные правила оптимизации картинок wordpress

Итак, картинка на вашем компьютере, она отформатирована и ждет дальнейших действий.

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

Для этого имеется очень простой метод оптимизации картинок wordpress

Заходите в редактор wordpress, в раздел записи, далее добавить новую. В строку 1 «заголовок» вставляем название статьи. Нажимаете сохранить-3. Под строкой заголовка увидите постоянную ссылку.  Кликаете «изменить» под цифрой 2 и копируете ссылку.

На компьютере находите эту картинку и вставляете скопированную ссылку, предварительно нажав «переименовать». Далее опять заходите в редактор вашего блога и  вставляете текст.

Оптимизация картинок wordpress 2

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

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

Переходим к главному. Заполняем поля Alt и описание. Атрибут Alt можно заполнить, как и название статьи, обязательно с ключевой фразой. Описание можно заполнить точно также. Вот для вас скрин:

Читайте также:  Плагин редактора для wordpress 

Оптимизация картинок wordpress 1

Конечно, можно добавить еще какие-нибудь ключи, чтобы привлечь дополнительный трафик. Далее устанавливаем настройки отображения файла. Выравнивание по вашему желанию.  Размер можно оставить полный, потому что картинка уже оптимизирована.

Теперь нажимаем на кнопку «вставить в запись». Все, готово. Картинка оптимизирована и вставлена в запись. Теперь  остается вставить тег «далее». Заходим на сайт и смотрим, как выглядит наша статья. Если все нормально, то возвращаемся в редактор и нажимаем на кнопку  опубликовать.

Ну что же. Мы разобрали, как делается оптимизация картинок wordpress до ее загрузки на блог. На этом все. До встречи в следующих публикациях.


Николай Гамов

 

Понравилась статья? Поделиться с друзьями:
Комментариев: 1
  1. Матвей

    Отличная статья для того, кто желает правильно оптимизировать картинки. Простой и доходчивый способ! :!:

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: