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

В данной статье показано создание плагина для разметки изображений http://schema.org/ImageObject. Разметка schema.org помогает поисковым системам получать информацию о вашем материале, поддерживается основными поисковиками google и yandex.

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

Для создания разметки нам понадобиться узнать:

• name – (Text) название картинки;
• description – (Text) описание изображения;
• height – (Distance) высота изображения;
• width – (Distance) ширина изображения.

Наверняка многие пользуются JCE-редактором вместо стандартного TinyMCE в Joomla. Огромным плюсом JCE-редактора это валидация текста материала в стандарты HTML4 или HTML5. Те кто используют данную настройку наверняка замечали что при определенных действия вставляются пустые абзацы (в зависимости от настроек редактора это могут быть <p> </p>, <p>&nbsp;</p>, <div> </div>, <div>&nbsp;</div>).

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

Sweet Alert - это прекрасный плагин на JavaScript, который позволит сделать красивые информационные сообщения для вашего сайта:

Кроме простых информационных сообщений существует возможность вывода диалога, что позволит превратить скучные alert-ы в довольно стильные формы. Можно также легко заменить стандартный вывод сообщений в Joomla на модальное окно. Плагин прост в установке, имеет несколько шаблонов в стиле facebook, google и twitter.

Некоторые находят неправильный выход: рисуют текст на картинке в графических редакторах, после чего размещают изображение с текстом в html документах. Но что делать, если текст надо заменить? Опять перерисовывать картинку? Есть более простые решения.

В результате получаем:

Суть представленного способа в том, что мы делаем div-контейнер, который будет содержать в себе картинку и текст. При этом текст мы будем позиционировать относительно левого нижнего угла контейнера.

В статье описаны полезные решения на jQuery и JavaScript. Небольшие (по объему кода), но порой довольно важные (для визуального оформления) методы помогут сделать взаимодействие пользователя с вашим сайтом более удобным.

Описание материала (meta-тег description) крайне важно для продвижения в поисковых системах. Description должен быть уникальным для каждого материала, к сожалению, в зависимости от ситуации это не всегда возможно. Плагин SEOSimple для Joomla автоматически создает описания на основании содержимого статей. Однако он требует некоторой доработки.

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

Когда создаешь новый сайт, приходится помнить много вещей, которые необходимо сделать. Тут и валидность, и рекомендации Google PageSpeed Insights, установка разных компонентов способствующих улучшению SEO и безопасности.

Требуется оптимизировать сайт на Joomla, следуя рекомендациям инструмента Google PageSpeed Insights. Поскольку, в зависимости от шаблона, ситуация может быть разной, в качестве примера возьмем стандартный шаблон для Joomla - Protostar.