правильно оформить вставку фотографий в статьи Joomla 3

Фотографии играют важную роль не только в написании статей и визуальной демонстрации информации текстов, но занимают не последнее место в оптимизации стаей и их продвижении в ранжировании поисковой выдачи. Посмотрим, как правильно оформить вставку фотографий в статьи Joomla 3.

Размер и объем вставляемых фото

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

  • Для сжатия фотографий существуют онлайн-сервисы и специальные программы. Очень хороший эффект сжатия дает программа Caesium (https://saerasoft.com/caesium/). Она бесплатна, сжимает фото без потери качества (изменения размера), пакетами или отдельно.
  • Онлайн-сервисы Image Compressor, вы можете найти, самостоятельно сделав соответствующий поисковый запрос. Рекомендую онлайн-сервис: http://compressjpeg.com/ru/. Сжимает по 20 фото jpeg, jpg.
  • Если тематика вашего сайта позволяет размещать небольшие фото (448x…), то лучшее сжатие покажет программа: Microsoft Office любого года.     

Теги фото

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

Напомню, разметка HTML «видит» фотографию в следующем виде:

<img src="/images/имя-фото-файла.jpg" alt="альтернативный текст" width="" height="" style="border: 2px solid #dde1e8;" title="Название" />

Как видим у фото несколько тегов:

  • Тег alt. Заменяет фото, если показ фото ограничен или фото файла нет.
  • Размеры: width="" height="". Система Joomla выставляет размеры автоматом.
  • Тег title. Этот тег виден при наведении на фото курсора. Не путать с подписью.
  • Подпись. Дополнительная информация, связанная с фото, показывается под фото (в примере его нет).

Встает вопрос, какие теги фотографий важны для поисковых машин или иначе, важны для оптимизации? В принципе, я перечислил теги фотографий в порядке их значимости для поисковиков.

  • Тег alt должен включать ключ статьи и именно он будет показан, если браузер скроет фото или фото файл пропадет.
  • Размеры фотографии в её коде, несколько ускоряют загрузку фотографии.
  • Заголовок и подпись фотографии, дополняют ключевые запросы статьи. 
  • В идеале, вставляя фотографию в статью нужно прописать все теги, предусмотренные для фото.

Однако, вручную прописывать теги для фото вряд ли кто будет, поэтому посмотрим, как это сделать автоматом используя редакторы Joomla.

Как оформить вставку фотографий в статьи Joomla

Редактор по умолчанию:TinyMCE

В настройках редактора TinyMCE (менеджер плагинов>>плагин TinyMCE) включите расширенный режим.

При вставке фотографии в статью заполните поля:

  • Описание изображения- это тег alt;
  • Заголовок Изображения-это тег title;
  • Заголовок - это подпись.

tinymce 1 joomla3

Как правильно оформить вставку фотографий в статьи Joomla 3

Редактор JCE

В настройках редактора JCE (меню «Компоненты») по умолчанию вставка основных тегов изображений включено.

При вставке фотографии в статью заполните поля:

  • Изображения→Текст (это тег alt)
  • Расширенные→Названия (это тег title)
  • размеры проставит система.

JCE 1 joomla3

JCE 2 joomla3

JCE 3 joomla3

Выводы

Сжимая и заполняя поля для прописывания тегов фотографий, вы по определению, улучшаете оптимизацию сайта и продвигаете его в поисковой выдаче. Если в статье 5 фото, вы как минимум, сможете добавить тегом alt 5 дополнительных ключей к статье, а подписав фото, вы сможете поднять % прямого ключа в тексте.     

©Joomla3-x.ru

Другие статьи раздела: Оптимизация Joomla 3

 

Похожие статьи

Как поменять название сайта Joomla ...

Сколько названий есть у сайта. Вы скажите одно и будете неправы. В Joomla и...

Неработающие внутренние ссылки на с...

В этой статье поговорим про битые ссылки внутри сайта, а точнее про битые (...

Google Analytics для Joomla 3 сайта

Размещение кода Google Analytics на Joomla сайте, позволяет собирать и анал...

Ошибки Яндекс продвижения Joomla са...

В этой статье рассмотрим и предотвратим ошибки продвижения в Яндекс Joomla ...

Проверить адаптивность сайта Joomla

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

Базовые SEO настройки Joomla 3 сайт...

Есть такое понятие, как поисковая оптимизация (SEO) сайта для его продвижен...

Рекомендуем

Copyright © 2024 Joomla3-х.ru. Все права защищены.