Как загрузить сайт на joomla

Пособие по работе с Joomla CMS для начинающих

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

Начало начал

Все начинающие веб-мастера начинают делать сайты практически с «нуля» ( в их числе был и я ). Тоесть, открывают блокнот, и начинают писать код вручную. Но рано или поздно приходит тот момент когда люди задумываются — «А нет ли такой программы с которой было бы всё проще». Конечно для опытных веб-мастеров больше подойдет какой нибудь фреймворк, т.к. возможностей у него больше, но для начинающего программиста больше подойдет движок, а именно Joomla CMS.

Установка Joomla CMS

Прежде всего нужно скачать движок с официального сайта: www.joomla.org
Скачали? Замечательно, теперь нужно открыть скачанный архив и извлечь все файлы и папки из архива в корневую директорию домена ( или виртуального сервера вроде Denwer-а)
Теперь, вы должны установить движок. Для того чтобы это сделать нужно зайди на сайт (www.ваш-сайт.ru, или 127.0.0.1 если у вас виртуальный сервер )
Перед вами открылось окно установки ( в зависимости от версии оно может отличаться ), Там все предельно просто, если выбрать Русский язык. Нужно вписать все данные которые там указаны, а именно данные базы данных ( логин, пароль), название сайта, meta-данные сайта ( для его дальнейшей раскрутки в SEO ), логин и пароль от панели администрации сайта. Всё, установка окончена, можно приступать к самой работе с движком.

Что же дальше делать?

Дальше я могу вам дать только основные детали работы с движком, т.к. имея базовые знания можно собрать сайт любой сложности на данном движке.
Движок имеет модульную систему, тоесть вы можете в прямом смысле слова собирать сайт. Модуль это как бы определенная часть сайта, например: Главное меню, боковое меню, картинка сбоку, логотип, баннер и т.д. Работать с модулями просто, нужно указать тип модуля ( HTML код, меню и т.п. ), Название самого модуля, позицию модуля на сайте, и сам контент модуля. И все это у вас займет максимум 5 минут, движок предельно прост для начинающего пользователя.
Далее, вам нужно создать меню? Не проблема, в главном меню панели администратора есть пункт «Menu», там вы можете выбрать: Редактирование уже существующего меню или создание нового, в создании нового меню нет ничего особенного. Нужно указать название меню и всё. Мы рассмотрим редактирование меню, т.к. это наверное одна из важнейших частей создания сайта на Joomla CMS. Редактирование меню подразумевает под собой создание пунктов меню, удаление пунктов меню, и их редактирование. Создать пункт меню можно нажав на соответствующюю кнопку ( Рекомендую скачать русификатор для вашей версии движка, но об этом чуть позже ). Создание пункта меню — значит создать новую страницу на сайте, многие новички не понимали — «Как создать новую страницу на сайте». Я тоже не понимал, но покопавшись в движке до меня дошло, что движок сам создает страницы при создании пунка меню.
И так, вы нажали на кнопку создания пункта меню. Открылась новая страничка, вам нужно указать тип страницы которую вы хотите создать, это могут быть избранные статьи, показ одной единственной статьи и т.д. ( Кстати, устанавливая расширения такие как VirtueMart, страницу каталога нужно создать этим же способом ). Далее нужно указать статью которую вы создадите чуть позже, рекомендую вам прочитать часть с созданием статьи, и уже потом читать эту часть. Теперь, нужно указать название пункта меню, не пишите слишком длинное название т.к. это вызовет некоторые проблемы с показом меню и вообще с дизайном сайта. Далее, нужно указать алиас страницы ( www.vashsait.ru/glavnaya — слово «glavnaya» это и есть алиас ). Всё, на этом создание меню окончено, вы так же можете добавить и другие пункты меню если вам это понадобится.

Как создать статью для добавления текста на страницы сайта?

Для того чтобы создать статью, нужно зайти в меню «Материалы» и выбрать там пункт «Менеджер материалов». Далее, там нужно нажать на зеленую кнопку «Создать». Здесь все просто, указали заголовок, написали текст и всё. Далее можно указать категорию статьи, и другие параметры, выбрав соответсвующий пункт в меню чуть выше.

Расширения, шаблоны, русификация — как установить?

Чтобы установить расширения, шаблоны, языковые пакеты создатели Joomla создали специальный менеджер расширений.
Зайти в него можно через главное меню панели администрации, нажав на пункт «Расширения» и выбрав там пункт «Менеджер расшираний». Далее нужно выбрать скачанный архив с нужным расширением и нажать на кнопку «Загрузить и установить». Всё, дополнение установлено. Как пользоваться тем или иным расширением здесь я не смогу написать т.к. расширений очень много и методов их использования тоже не мало. Я вам лучше расскажу как поставить на сайт установленный шаблон. Это тоже очень просто, нужно нажать на пункт меню «Расширения» и там выбрать пункт «Менеджер шаблонов». Далее нужно найти установленный вами шаблон, нашли? Идем дальше, нужно поставить галочку слева от названия шаблона и нажать на большую желтую кнопку сверху «Использовать по умолчанию». Всё, шаблон установлен! Кстати, вместе с шаблоном меняются и позиции модулей на сайте, если на шаблоне нету позиции к примеру «left» для модуля, то модуль не будет отображаться на сайте, по этому ищите на сайте, откуда вы скачали шаблон, картинку с позициями для модулей.

У вас еще нет сайта? В этой статье сделаем сайт на Joomla! за час

Дмитрий Дементий Редакция «Текстерры»

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

По данным W3Techs на март 2022 года, CMS Joomla! занимает пятое место в мире по популярности после WordPress. Из этой статьи вы узнаете, почему стоит обратить внимание на «Джумлу». Также вы найдете пошаговое руководство по созданию и настройке сайта на Joomla!, подключению ресурса к системам веб-аналитики и публикации контента.

Почему стоит обратить внимание на CMS Joomla!

«Джумла» – это бесплатный движок, на котором можно делать любые сайты. CMS Joomla! функциональна и относительно проста в управлении. Владельцы сайтов выбирают эту систему управления контентом, потому что:

• она простая – с этой CMS можно работать без знаний в области программирования и дизайна сайтов, хотя она и немного уступает WordPress;
• она функциональная – системы достаточно для создания сайтов от визитки и блога до большого интернет-магазина и информационного портала;
• она адаптивная – готовый ресурс можно адаптировать к нуждам аудитории с помощью платных и бесплатных шаблонов и расширений;
• она идеальна для интернет-магазинов – управление меню и навигацией интуитивно понятное, можно быстро создавать сайты со сложной архитектурой: большим числом категорий и подкатегорий, а также организовывать иерархии страниц;
• она учитывает требования поисковиков – движок Joomla! считается SEO-дружественным по умолчанию, а с помощью SEO-расширений решаются все технические аспекты оптимизации.

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

Шаг № 1: Начинаем работать с Joomla!

Первый шаг – регистрация домена и выбор хостинга. Вот рацпредложение: выбирайте хостинг с установленной CMS Joomla!, чтобы не тратить время на самостоятельным подключением одного к другому. Воспользуйтесь поиском или обратите внимание на следующие возможности:

Если считаете выгодными предложения без движка, придется загрузить и установить «Джумлу» самостоятельно. Поможет описание установки WordPress, а о нюансах почитайте на сайте поддержки российского сообщества Joomla.

После регистрации домена и покупки хостинга с установленной CMS или самостоятельной установки «Джумлы» вы получите доступ к административной панели сайта.

Интерфейс Joomla. Административная панель Joomla не перегружена лишними кнопками

Шаг № 2: Как установить шаблон Joomla!

Вы можете заказать эксклюзивный шаблон для «Джумлы» или воспользоваться готовым решением. При выборе шаблона руководствуйтесь следующими рекомендациями:

• если у вас нет мобильной версии, выбирайте шаблон с адаптивной версткой – так вашим сайтом смогут пользоваться владельцы смартфонов и планшетов;
• обращайте внимание на внешний вид и функциональность шаблона: если вы создаете интернет-магазин или корпоративный сайт, не подойдут темы для блогов или сайтов-визиток;
• если выбираете готовый шаблон, воспользуйтесь иностранными сайтами. Для этого введите в Google запрос joomla templates. Так будет больше шансов найти хорошую тему, которую не используют коллеги и конкуренты из России.

Поисковая выдача по запросу joomla templates

Если некогда пользоваться поисковиками, ищите шаблоны здесь:

После выбора шаблона скачайте дистрибутив на жесткий диск компьютера. В административной панели выберите раздел «Система» и кликните «Расширения»:

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

Загрузите и установите шаблон.

Перетащите в это окно файл расширения или выберите файл на жестком диске

После установки перейдите в управление шаблонами. Для этого откройте раздел «Система» и в разделе «Шаблоны» выберите пункт «Стили сайта»:

Теперь в «Джумле» нет менеджера шаблонов

Отметьте чекбокс напротив установленного шаблона и нажмите «По умолчанию» в левом углу:

Нажмите кнопку «По умолчанию»

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

Должно появиться такое сообщение

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

Теперь переходите к настройке CMS.

Шаг № 3: Как настроить CMS Joomla!

Указываем общие настройки сайта

В меню «Общие настройки» выберите вкладку «Сайт». Укажите название ресурса и убедитесь, что он включен. Напишите уведомление о недоступности сайта и при необходимости выберите изображение. В меню «Уровень доступа по умолчанию» выберите вариант «Публичный».

После обновления общие настройки переехали в раздел «Система»

Указываем название сайта. Обязательно прописываем метаданные сайта: описание и ключевые слова. Выберите значение для тега robots. Если не нужно ограничивать индексирование ресурса поисковыми системами, подойдет вариант Index, Follow. В поле «Авторские права» внесите данные о копирайте.

Параметры метаданных в новом интерфейсе Joomla

В разделе «Настройки SEO» включите ЧПУ и добавление суффикса к URL. Чтобы включить перенаправление URL, необходимо переименовать файл htaccess.txt, который находится в корневой директории ресурса. Чтобы получить к нему доступ, воспользуйтесь любым FTP-клиентом, например, Filezilla. Найдите указанный файл и переименуйте его в .htaccess.

Поставьте напротив поля «Алиасы в Unicode» отметку «Нет». Если хотите включать название сайта в заголовок страницы, сделайте отметку в соответствующем поле.

Админка «Джумлы» позволяет настраивать алиасы, SEF, добавлять суффикс к ссылкам

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

Вкладка «Параметры» в «Общих настройках»

Во вкладке «Сервер» включите gzip-сжатие страниц. Это ускорит загрузку сайта в браузерах посетителей. Если хотите обеспечить пользователям безопасную связь с сайтом, приобретите SSL-сертификат и включите соответствующую опцию в панели управления «Джумлы». Выберите часовой пояс, подходящий аудитории вашего ресурса. Оставьте выключенными встроенный доступ к FTP и прокси-сервер. В разделе «Настройка почты» укажите адрес электронной почты и отправителя письма.

Кастомизируем параметры сервера

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

Настраиваем права доступа

Если вы работаете с сайтом самостоятельно, не изменяйте настройки во вкладке «Фильтры текста». Если другие пользователи могут добавлять публикации, отфильтруйте нежелательные теги HTML. Например, с помощью фильтров можете запретить группе пользователей встраивать в публикации видео с YouTube. Для этого напротив соответствующей группы укажите тип фильтра «Черный список», в который по умолчанию включаются теги <iframe>.

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

Как создать меню сайта на CMS Joomla!

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

Нажмите кнопку «Создать» в разделе «Пункты меню»

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

Создали новое меню

Чтобы создать пункты меню, необходимо сначала опубликовать соответствующие им страницы сайта. Чтобы добавить пункты, перейдите в подраздел «Пункты меню». Воспользуйтесь кнопкой «Создать».

Нажмите кнопку «Создать», чтобы сформировать новые пункты меню

Выберите тип пункта меню. Например, чтобы вывести в главное меню ссылку на публикацию, воспользуйтесь опцией «Выбрать – Материалы – Материал».

Настраиваем пункты меню в Joomla

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

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

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

Нажмите «Модули сайта»

Нажмите кнопку «Создать» в левом верхнем углу экрана:

Кликните по зеленой кнопке

На открывшейся странице выберите вариант модуля «Меню».

Этот модуль нужен для отображения меню сайта

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

Кастомизируем меню сайта

Как создать категории и меню категорий

Если создаете информационный ресурс или интернет-магазин, организуйте навигацию по сайту с помощью категорий. Для этого воспользуйтесь разделом «Контент». Откройте пункт «Категории» :

Теперь управление категориям происходит в одноименном меню

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

Удобный визуальный редактор WYSWYG (What You See Is What You Get, «что видишь, то и получишь»)

Во вкладке «Публикация» укажите метаданные категории, при необходимости укажите автора.

Настраиваем параметры публикации

Не меняйте дефолтные настройки во вкладке «Права доступа». Во вкладке «Параметры» выберите макет страницы и добавьте изображение. Например, для информационного ресурса подойдет макет «Блог». Сохраните изменения.

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

Выберите родительскую категорию

Теперь создайте модуль отображения категорий. Для этого перейдите в менеджер модулей. Воспользуйтесь опцией «Создать» и выберите тип модуля «Категории».

Укажите название, при необходимости включите отображение описания раздела и количества публикаций. Выберите «Да» напротив пункта «Показывать подкатегории». Выберите подходящие значения для пунктов «Количество первых подкатегорий» и «Максимальная глубина вложения». Выберите позицию отображения категорий. Сохраните изменения.

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

Мы создали меню категорий

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

Выберите этот раздел

Укажите название модуля, выберите настройки и позицию элемента на сайте. Сохраните изменения.

Настраиваем хлебные крошки на своем сайте

Теперь хлебные крошки будут отображаться в верхней части страниц сайта.

Навигационная цепочка улучшает юзабилити сайта

Вы настроили CMS и создали меню сайта. Теперь необходимо решить практические задачи с помощью расширений.

Шаг № 4: Устанавливаем и настраиваем базовый набор расширений для Joomla!

C помощью базового набора расширений для Joomla! можно решить следующие задачи:

• обеспечить безопасность сайт – настроить резервное копирование, уменьшить вероятность несанкционированного доступа к сайту, защитить пользователей от спама;
• выполнить технические требования поисковых систем – создать карту сайта, обеспечить управление метаданными страниц;
• повысить юзабилити сайта – добавить на сайт кнопки шеринга социальных сетей, форму обратной связи, ускоренные страницы;
• обеспечить отображение в поисковой выдаче расширенных сниппетов с помощью микроразметки Schema.org.

Как настроить резервное копирование сайта на Joomla!

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

Скачайте дистрибутив выбранного инструмента и установите его на сайт с помощью менеджера расширений. Если выбрали бесплатный компонент Akeeba Backup Core, после установки перейдите на страницу настройки. Примите лицензионное соглашение и запустите мастер конфигурации. После завершения его работы Akeeba Backup предложит создать резервную копию или вручную изменить настройки.

Бенчмарк выполнен успешно

Создайте резервную копию сайта.

Бэкап выполнен менее чем за минуту

С помощью кнопки View Log можно посмотреть журнал обновлений. Кнопка Manage backups позволяет войти в меню управления бэкапами. Здесь можете фильтровать, помечать и удалять устаревшие резервные копии.

Меню управления резервными копиями позволяет загрузить любой бэкап или просмотреть его логи

Бесплатная версия Akeeba Backup не поддерживает автоматическое резервное копирование по расписанию, поэтому придется делать копии вручную. Для этого в панели управления Joomla! необходимо воспользоваться меню «Обслуживание – Backup is up-to-date».

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

Как уменьшить вероятность несанкционированного доступа к сайту на Joomla!

Уменьшить вероятность взлома сайта на «Джумле» можно с помощью расширений:

Установите расширение Brute Force Stop. Включите его в меню «Менеджер расширений – Плагины».

Не забудьте включить плагин

На странице настроек плагина укажите порог блокировки. По умолчанию стоит 10. Рекомендую уменьшить его.

Мы уменьшили порог блокировки до трех попыток входа

Во вкладке «Уведомления» укажите электронный адрес, на который будут приходить сообщения о заблокированных IP.

Настройте уведомления, чтобы получать оповещения обо всех атаках, совершаемых на ваш сайт

На вкладках «Дополнительные настройки» и «Задержка» можно оставить дефолтные значения. Сохраните настройки. После этого плагин будет защищать сайт от взлома методом перебора.

Как защитить сайт на Joomla! от спама

Вы можете защитить ресурс на CMS «Джумла» от автоматических регистраций и спам-комментариев с помощью следующих расширений:

– платный плагин, обеспечивающий защиту сайта с помощью сервиса Akismet; – защищает от спам-ботов форумы сайтов, работающих на Joomla!; ; (платный сервис).

В менеджере плагинов включите плагин CAPTCHA – reCAPTCHA.

Настраиваем плагин CAPTCHA – reCAPTCHA.

Войдите в меню «Пользователи – Менеджер пользователей – Настройки». В поле CAPTCHA с помощью выпадающего меню укажите значение CAPTCHA – reCAPTCHA. Сохраните изменения.

Измените значение на «Активировано»

После этого reCAPTCHA будет защищать формы регистрации, восстановления пароля, комментирования от спам-ботов.

Теперь бот не сможет оставить спамный комментарий

Как создать карту сайта

С помощью следующих инструментов:

После установки OSMap перейдите в менеджер карты сайты. Его можно найти в меню «Компоненты – OSMap».

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

Дождитесь сообщения об успешном создании карты сайта. Затем опубликуйте ее (Publish).

Как обеспечить удобное управление метаданными

По умолчанию можно добавлять и редактировать метаданные для каждого материала отдельно во вкладке «Параметры публикации». Перечисленные ниже инструменты упрощают решение этой задачи:

– платный SEO-плагин; .

Установите плагин EFSEO и включите его в менеджере плагинов. Перейдите на страницу настройки плагина. Во вкладке «Дополнительные параметры» активируйте функцию Collect URL’s.

Активируйте выделенную красной рамкой функцию

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

Обратите внимание на блок в правой части экрана

Кликните по блоку и отредактируйте метаданные страницы.

Укажите название и описание страницы

Повторите действие на каждой странице сайта.

Плагин EFSEO поддерживает автоматический режим. При его активации надстройка генерирует метаданные для страниц. Функцию можно включить во вкладке Automatic Mode в настройках плагина. Используйте автоматический режим в крайнем случае, так как метаданные лучше создавать вручную.

Интерфейс плагина EFSEO

Как добавить кнопки шеринга социальных сетей

Добавить кнопки социальных сетей можно с помощью расширений:

Установите и активируйте модуль AddToAny Share Buttons. По умолчанию кнопки шеринга появятся на страницах публикаций под контентом.

В настройках плагина во вкладке AddToAny Placement можно изменить расположение кнопок. Доступны позиции над контентом, под контентом, над и под контентом одновременно.

Выбираем положение кнопок шаринга

Как добавить форму обратной связи

Форму обратной связи можно сделать с помощью расширения Form Maker Lite.

После установки расширения Form Maker Lite войдите в меню «Компоненты – Form Maker Lite – Forms». С помощью кнопки «Создать» откройте редактор новых форм.

Благодаря плагину можно создать красивую и функциональную форму

С помощью кнопки Form Options перейдите на страницу настройки формы. Во вкладке Email Options введите адрес электронной почты, на который будут приходить сообщения, созданные с помощью формы.

Нажмите синюю кнопку Form Options

Добавляйте новые поля с помощью кнопки Add New Field.

Чтобы задать поля, кликните по этой кнопке

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

Большой выбор готовых вариантов полей

Чтобы добавить форму на страницы сайта, в меню «Компоненты – Form Maker Lite – Forms» скопируйте код созданной формы. В режиме редактирования вставьте его на выбранные страницы сайта.

Скопируйте этот код

Если вы все сделали верно, на страницах сайта появится созданная форма.

Форма позволит оставлять пользователям комментарии

Как добавить микроразметку на сайт под управлением Joomla!

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

Установите и активируйте расширение Google Structured Data Markup. После активации бесплатная версия добавляет микроразметку Schema.org, позволяя работать с типами данных Breadcrumblist, Organization, Website и другими.

С помощью бесплатной версии плагина к публикациям можно добавлять структурированные данные Schema.org Article. Для этого в меню настроек Google Structured Data выберите раздел Items и нажмите кнопку «Создать».

Нажмите кнопку «Создать»

В открывшемся окне с помощью кнопки Select Item выберите статью, к которой планируете добавить разметку. Укажите название и описание. Сохраните изменения.

Микроразметка добавляется для определенной страницы

Проверьте корректность микроразметки с помощью инструмента Google.

Пример страниц с добавленной микроразметкой

Платная версия плагина поддерживает другие типы разметки, включая Review, Products, Recipes, Events.

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

Неразмеченный сниппет визуально непривлекателен. Так выглядит сниппет в Facebook без протокола Open Graph

Установите и активируйте расширение Phoca Open Graph. В настройках плагина во вкладке Main Options включите опцию Find Image in content. Укажите название сайта и сохраните изменения.

Активируйте автоматическое нахождение изображения в контенте и пропишите название сайта

Если все сделано верно, при публикации материала в социальных сетях будет формироваться привлекательный сниппет.

Как подключить ускоренные мобильные страницы на сайт под управлением Joomla!

Это можно сделать с помощью платных расширений:

Протестировать работу ускоренных страниц на «Джумле» можно с помощью бесплатной версии расширения wbAMP для сообщества. Инструкцию по работе с расширением читайте в нашем руководстве по работе с ускоренными мобильными страницами.

Шаг № 5: Как добавить код аналитических сервисов на сайт под управлением Joomla!

Чтобы отслеживать эффективность ресурса, добавьте сайт под управлением CMS Joomla! в сервисы аналитики «Метрика» и Google Analytics, а также в Search Console Google и «Яндекс.Вебмастер».

Как добавить сайт на «Джумле» в Google Analytics

Войдите в аккаунт Google Analytics. Добавьте новый сайт в систему: укажите название, URL. Воспользуйтесь опцией «Получить идентификатор отслеживания». Теперь доступен код отслеживания.

Нас интересует глобальный тег GA

Задачу можно решить с помощью следующих расширений:

После установки Advanced Google Analytics включите его и перейдите на страницу настроек. Укажите ID идентификатора отслеживания, название домена, выберите подходящие настройки и сохраните изменения. Вы добавили код отслеживания на сайт.

Параметры плагина Advanced Google Analytics

Возвращаемся в Google Analytics и проверяем статус:

Все работает корректно

Как добавить сайт на Joomla! в «Яндекс.Метрику»

Добавить на сайт код отслеживания «Яндекс.Метрики» можно с помощью плагина IWS.BY Yandex Metrika. После установки плагина включите его и перейдите на страницу настройки. Укажите лицензионный ключ и код счетчика «Яндекс.Метрики»:

Настроили плагин IWS.BY Yandex Metrika

В «Яндекс.Метрике» проверьте, поступают ли данные с сайта.

Счетчик привязан успешно

Как верифицировать сайт на Joomla! в Google Search Console и «Яндекс.Вебмастер»

Чтобы добавить сайт в кабинеты для вебмастеров Google и «Яндекс», необходимо подтвердить права на управление ресурсом. Для этого необязательно вторгаться в файлы index.php или редактировать теги head (ведь это не код счетчиков, а просто однократная проверка присутствия файла на сайте). Удобнее всего подтвердить право на сайт в Google Search Console и «Яндекс.Вебмастер» файлом в корне сайта. О том, как это сделать, читайте в «Яндекс.Справке» и Cправке Search Console.

Шаг № 6: Как публиковать контент

Чтобы опубликовать заметку на сайте под управлением CMS Joomla, воспользуйтесь меню «Контент» в административной панели.

Создаем первую страницу

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

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

В открывшемся окне можно добавить атрибут alt, выбрать способ выравнивания и разрешение фото.

Настройки изображения в новом интерфейсе Joomla

Во вкладке «Публикация» добавьте описание и по желанию – ключевые слова страницы (в 2022 году добавлять их не имеет смысла).

Создание материала, настройки публикации

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

В разделе «Менеджер материалов» можно управлять публикациями: редактировать, удалять, снимать с публикации, оценивать количество просмотров.

Вы подразделе «Материалы» (Раздел «Контент») происходит управление всеми публикациями

В разделе «Категории» можно создавать и редактировать категории публикаций.

Новый интерфейс менеджера категорий

Что лучше – Joomla! или WordPress

Зависит от стоящих перед вами задач, личных предпочтений и привычек.

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

Некоторые специалисты считают Joomla! более подходящей CMS для реализации масштабных проектов, например, больших интернет-магазинов или информационных ресурсов. Возможно, это как раз вопрос личных предпочтений, так как есть много примеров удачной реализации масштабных проектов на WordPress.

К преимуществам Joomla! перед WordPress можно отнести:

• доступные без установки плагинов инструменты SEO: оптимизацию URL-адресов, переадресацию ссылок, управление метатегами robots;
• автоматическое кэширование – ускоряет загрузку страниц в браузерах;
• наличие встроенного доступа к FTP;
• управление сжатием страниц;
• возможность редактирования контента во фронтенде.

В CMS WordPress перечисленные задачи можно решить только с помощью дополнительных плагинов.

К недостаткам Joomla! можно отнести:

• меньшее по сравнению с WordPress количество бесплатных шаблонов и плагинов (например, нет бесплатного плагина для реализации турбо-страниц);
• нежелание некоторых расширений работать сразу после установки;
• более сложное управление сайтом.

Стоит ли выбирать CMS Joomla!, если вы не занимаетесь разработкой сайтов профессионально? Почему бы и нет. С помощью этого движка можно быстро создать блог или небольшой контент-проект.

Чтобы создать масштабный ресурс, придется, возможно, обратиться к профессионалам. Впрочем, это справедливо для любой CMS.

Как создать сайт на Joomla?

«Джумла» — система управления контентом, распространяющаяся по лицензии GNU GPL. Проще говоря, это бесплатный движок, на котором можно делать любые сайты. CMS Joomla! функциональна и относительно проста в управлении. Выше уже сказано, что «Джумла» занимает второе место по популярности после CMS WordPress.

Владельцы сайтов выбирают эту систему управления контентом благодаря таким достоинствам:

• По простоте использования Joomla! только немного уступает WordPress. С этой CMS можно работать без знаний в области программирования и дизайна сайтов.
• «Джумла» обладает функциональностью, достаточной для создания сайтов любого размера и предназначения. На этом движке можно делать ресурсы разных типов: от сайта-визитки или блога до большого интернет-магазина или информационного портала.
• Возможность адаптировать сайт к нуждам аудитории с помощью платных и бесплатных шаблонов и расширений.
• Удобное управление меню и навигацией. Благодаря этому «Джумла» считается одним из лучших движков для интернет-магазинов. На Joomla! можно быстро создавать сайты со сложной архитектурой: большим числом категорий и подкатегорий, а также организовывать иерархии страниц.
• Адаптация к требованиям поисковых систем. Движок Joomla! считается SEO-дружественным по умолчанию. А с помощью SEO-расширений вы сможете быстро решать все технические аспекты оптимизации.

Все еще не доверяете бесплатным движкам или думаете, что поисковики их не любят? Это глупости. Поисковые системы не любят некачественные и шаблонные сайты, а функциональность Joomla! позволяет сделать ресурс нестандартным и полезным для аудитории. Возможно, вас убедят примеры сайтов на «Джумле», среди которых есть крупные солидные организации.

Шаг № 1. Начинаем работать с Joomla!

Начните работу с «Джумлой» с регистрации домена и выбора хостинга. Вот рацпредложение: выбирайте хостинг с установленной CMS Joomla!, чтобы не тратить время на самостоятельное решение этой проблемы.

Если читаете выгодным предложения без установленного движка, придется загрузить и установить «Джумлу» самостоятельно. Поможет описание установки WordPress, а о нюансах почитайте на сайте поддержки российского сообщества Joomla.

После регистрации домена и покупки хостинга с установленной CMS или самостоятельной установки «Джумлы» вы получили доступ к административной панели сайта.

Интерфейс административной панели Joomla!

Шаг № 2. Как установить шаблон Joomla!

Вы можете заказать эксклюзивный шаблон для «Джумлы» или воспользоваться готовым платным или бесплатным решением. При выборе шаблона руководствуйтесь следующими рекомендациями:

• Если у вас нет мобильной версии сайта, выбирайте шаблон с адаптивной версткой. Благодаря этому вашим сайтом смогут пользоваться владельцы смартфонов и планшетов.
• Обращайте внимание на внешний вид и функциональность шаблона. Например, если вы создаете интернет-магазин или корпоративный сайт, в этом случае не подойдут темы для блогов или сайтов-визиток.
• Если выбираете готовый шаблон, воспользуйтесь иностранными сайтами. Для этого введите в Google запрос joomla templates. Так будет больше шансов найти хорошую тему, которую не используют коллеги и конкуренты в рунете.

Ищите шаблоны на иностранных сайтах

После выбора шаблона скачайте дистрибутив на жесткий диск компьютера. В административной панели выберите меню «Установка расширений».

Входим в меню установки расширений

Загрузите и установите шаблон.

Загружаем и устанавливаем шаблон

После успешной установки перейдите в менеджер шаблонов.

Входим в менеджер шаблонов

Поставьте галочку напротив выбранного шаблона и нажмите кнопку «По умолчанию» в левом верхнем углу экрана.

Назначаем шаблон по умолчанию

Убедитесь, что активировали выбранный шаблон.

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

Выбираем шаблон для панели управления

Теперь переходите к настройке CMS.

Очень просто и быстро создайте свой продающий сайт или интернет-магазин на платформе beseller.
Хостинг, домен 3-го уровня, техническая поддержка, все необходимое для успешных продаж, включено в стоимость.

Шаг № 3. Как настроить CMS Joomla!

Из этого раздела вы узнаете об общих настройках движка, о создании и управлении меню. Начните с общий настроек CMS Joomla!, которые можно изменить в соответствующем разделе.

Указываем общие настройки сайта

В меню «Общие настройки» выберите вкладку «Сайт». Укажите название ресурса, убедитесь, что он включен. Напишите уведомление о недоступности сайта и при необходимости выберите изображение. В меню «Уровень доступа по умолчанию» выберите вариант «Публичный».

Указываем название сайта и пишем офлайн-сообщение

Укажите мета-данные сайта: описание и ключевые слова. Выберите значение для тега robots. Если не нужно ограничивать индексирование ресурса поисковыми системами, подойдет вариант Index, Follow. В поле «Авторские права» внесите данные о копирайте.

В разделе «Настройки SEO» включите ЧПУ и добавление суффикса к URL. Чтобы включить перенаправление URL, необходимо переименовать файл htaccess.txt, который находится в корневой директории ресурса. Чтобы получить к нему доступ, воспользуйтесь любым FTP-клиентом, например, Filezilla. Найдите указанный файл и переименуйте его в .htaccess.

Поставьте напротив поля «Алиасы в Unicode» отметку «Нет». Если хотите включать название сайта в заголовок страницы, сделайте отметку в соответствующем поле.

Настройки SEO сайта

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

Настраиваем параметры системы

На вкладке «Сервер» включите gzip-сжатие страниц. Это ускорит загрузку сайта в браузерах посетителей. Если хотите обеспечить пользователям безопасную связь с сайтом, приобретите SSL-сертификат и включите соответствующую опцию в панели управления «Джумлы». Выберите часовой пояс, подходящий аудитории вашего ресурса. Оставьте выключенными встроенный доступ к FTP и прокси-сервер. В разделе «Настройка почты» укажите адрес электронной почты и отправителя письма.

Указываем настройки сервера

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

Настраиваем права доступа

Если вы работаете с сайтом самостоятельно, не изменяйте настройки на вкладке «Фильтры текста». Если другие пользователи могут добавлять публикации, отфильтруйте нежелательные теги HTML. Например, с помощью фильтров можете запретить группе пользователей встраивать в публикации видео с YouTube. Для этого напротив соответствующей группы укажите тип фильтра «Черный список», в который по умолчанию включаются теги <iframe>.

При необходимости указываем настройки фильтрации текста

Как создать меню сайта на CMS Joomla!

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

Входим в менеджер меню

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

Чтобы создать пункты меню, необходимо сначала опубликовать соответствующие им страницы сайта.

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

Выбираем тип меню

Для выбора конкретного материала воспользуйтесь опцией «Выбрать».

Выбираем конкретный материал

Нажмите кнопку «Сохранить и создать», чтобы сохранить пункт меню.

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

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

Переходим в менеджер модулей

Нажмите кнопку «Создать» в левом верхнем углу экрана.

Создаем новый модуль

На открывшейся странице выберите вариант модуля «Меню».

Выбираем вариант модуля

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

Создаем модуль отображения меню

Как создать категории и меню категорий

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

Входим в менеджер категорий

Представьте, что необходимо создать категорию, которая содержит подкатегории. Чтобы создать родительскую категорию, воспользуйтесь кнопкой «Создать» в менеджере категорий. В меню редактирования укажите название раздела, добавьте описание.

Указываем название и описание раздела

На вкладке «Публикация» укажите мета-данные категории, при необходимости укажите автора.

Указываем мета-данные категории

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

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

Создаем дочерний раздел или подкатегорию

Теперь создайте модуль отображения категорий. Для этого перейдите в менеджер модулей. Воспользуйтесь опцией «Создать» и выберите тип модуля «Категории».

Укажите название, при необходимости включите отображение описания раздела и количества публикаций. Выберите «Да» напротив пункта «Показывать подкатегории». Выберите подходящие значения для пунктов «Количество первых подкатегорий» и «Максимальная глубина вложения». Выберите позицию отображения категорий. Сохраните изменения.

Создаем модуль отображения категорий

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

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

Выбираем тип модуля «Навигатор сайта»

Укажите название модуля, выберите подходящие настройки и позицию элемента на сайте. Сохраните изменения.

Теперь хлебные крошки будут отображаться в верхней части страниц сайта.

Хлебные крошки над контентом добавлены

Вы настроили CMS и создали меню сайта. Теперь необходимо решить практические задачи с помощью расширений.

Шаг № 4. Устанавливаем и настраиваем базовый набор расширений для Joomla!

C помощью базового набора расширений для Joomla! можно решить следующие практические задачи:

• Обеспечить безопасность сайта. С помощью расширений настройте резервное копирование, уменьшите вероятность несанкционированного доступа к сайту и защитите пользователей и администраторов от спама.
• Обеспечить соответствие ресурса техническим требованиям поисковых систем. Создайте карту сайта, обеспечьте возможность легко управлять мета-данными страниц.
• Расширить функциональность и повысить юзабилити сайта. Добавьте на сайт кнопки шеринга социальных сетей, форму обратной связи, ускоренные страницы. Также обеспечьте отображение в поисковой выдаче расширенных сниппетов с помощью микроразметки Schema.org.

Как настроить резервное копирование сайта на Joomla!

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

• Akeeba Backup.
• Easy Joomla Backup.

Скачайте дистрибутив выбранного инструмента и установите его на сайт с помощью менеджера расширений. Если выбрали бесплатный компонент Akeeba Backup Core, после установки перейдите на страницу настройки. Примите лицензионное соглашение и запустите мастер конфигурации. После завершения его работы Akeeba Backup предложит создать резервную копию или вручную изменить настройки.

Менеджер конфигурации Akeeba завершил работу и предлагает следующие шаги

Создайте резервную копию сайта.

Резервная копия успешно создана

С помощью кнопки View Log можно просмотреть журнал обновлений. Кнопка Manage backups позволяет войти в меню управления бэкапами. Здесь можете фильтровать, помечать и удалять устаревшие резервные копии.

Меню управления резервными копиями

Бесплатная версия Akeeba Backup не поддерживает автоматическое резервное копирование по расписанию, поэтому придется делать копии вручную. Для этого в панели управления Joomla! необходимо воспользоваться меню «Обслуживание – Backup is up-to-date».

Создаем резервную копию вручную

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

Как уменьшить вероятность несанкционированного доступа к сайту на Joomla!

Уменьшить вероятность взлома сайта на «Джумле» можно с помощью таких расширений:

• JU BlockIP.
• SecSign.
• Brute Force Stop.

Установите расширение Brute Force Stop. Включите его в меню «Менеджер расширений – Плагины».

На странице настроек плагина укажите порог блокировки. По умолчанию стоит значение «10». Рекомендую уменьшить его.

Уменьшаем порог блокировки

На вкладке «Уведомления» укажите электронный адрес, на который будут приходить сообщения о заблокированных IP.

На вкладках «Дополнительные настройки» и «Задержка» можно оставить дефолтные значения. Сохраните настройки. После этого плагин будет защищать сайт от взлома методом перебора.

Как защитить сайт на Joomla! от спама

Вы можете защитить ресурс на CMS «Джумла» от автоматических регистраций и спам-комментариев с помощью следующих расширений:

• iAkismet. Это платный плагин, обеспечивающий защиту сайта с помощью сервиса Akismet.
• R Antispam. Этот инструмент защищает от спам-ботов форумы сайтов, работающих на Joomla!
• CAPTCHA – reCAPTCHA.
• CleanTalk (платный сервис).

В менеджере плагинов включите плагин CATCHA – reCAPTCHA.

Включаем плагин reCAPTCHA

Зарегистрируйте сайт в сервисе Google reCAPTCHA. Получите публичный и секретный ключ. Укажите их в настройках плагина.

Войдите в меню «Пользователи – Менеджер пользователей – Настройки». В поле CAPTCHA с помощью выпадающего меню укажите значение CAPTCHA – reCAPTCHA. Сохраните изменения.

После этого reCAPTCHA будет защищать формы регистрации, восстановления пароля, комментирования от спам-ботов.

Как создать карту сайта

Эту задачу можно решить с помощью следующих инструментов:

• Sitemap Generator.
• PWT Sitemap.
• OSMap.

После установки Sitemap Generator перейдите в менеджер карты сайты. Его можно найти в меню «Компоненты – Sitemap Generator».

Входим в меню создания карты сайта

Нажмите кнопку «Generate your sitemap».

Создаем карту сайта

Дождитесь сообщения об успешном создании карты сайта. Чтобы просмотреть карту, воспользуйтесь кнопкой «Show the sitemap».

Карта сайта создана

Обратите внимание, расширение Sitemap Generator можно бесплатно использовать на сайтах с количеством URL меньше 500. Стоимость использования модуля для сайтов с 500 URL и больше составляет от 40 евро в год.

Как обеспечить удобное управление мета-данными

По умолчанию можно добавлять и редактировать мета-данные для каждого материала отдельно на вкладке «Параметры публикации». Перечисленные ниже инструменты упрощают решение этой задачи:

• iSEO. Платное решение: мощный SEO-плагин, решающий комплекс задач.
• EFSEO.
• SEOBoss. Используйте этот бесплатный плагин осторожно, так как некоторые его функции относятся к олдскульному SEO.

Установите плагин EFSEO и включите его в менеджере плагинов. Перейдите на страницу настройки плагина. На вкладке «Дополнительные параметры» активируйте функцию Collect URL’s.

Включаем функцию Collet URL’s

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

Блок контроля мета-данных страницы

Щелкните по блоку и отредактируйте мета-данные страницы.

Окно редактирования мета-данных страницы

Повторите действие на каждой странице сайта.

Плагин EFSEO поддерживает автоматический режим. При его активации надстройка генерирует мета-данные для страниц. Функцию можно включить на вкладке Automatic Mode в настройках плагина. Используйте автоматический режим в крайнем случае, так как мета-данные лучше создавать вручную.

Меню настроек автоматической генерации мета-данных

Как добавить кнопки шеринга социальных сетей

Добавить кнопки социальных сетей можно с помощью таких расширений:

• Fast Social Share.
• Social Sharing.
• AddToAny Share Buttons.

Установите и активируйте модуль AddToAny Share Buttons. По умолчанию кнопки шеринга появятся на страницах публикаций под контентом.

Добавили кнопки шеринга

В настройках плагина на вкладке AddToAny Placement можно изменить расположение кнопок. Доступны позиции над контентом, под контентом и над и под контентом одновременно.

Выбираем положение кнопок шеринга

Как добавить форму обратной связи

Форму обратной связи можно сделать с помощью таких расширений:

• Form Maker Lite.
• Prestige Contact Forms.
• Creative Contact Form.

После установки расширения Form Maker Lite войдите в меню «Компоненты – Form Maker Lite – Forms». С помощью кнопки «Создать» откройте редактор новых форм.

Создаем контактную форму

С помощью кнопки Form Options перейдите на страницу настройки формы. На вкладке Email Options введите адрес электронной почты, на который будут приходить сообщения, созданные с помощью формы.

Добавляйте новые поля с помощью кнопки Add New Field.

Добавляем новые поля

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

Чтобы добавить форму на страницы сайта, в меню «Компоненты – Form Maker Lite – Forms» скопируйте код созданной формы. В режиме редактирования вставьте его на выбранные страницы сайта.

Если вы все сделали верно, на страницах сайта появится созданная форма.

Как добавить микроразметку на сайт поду управлением Joomla!

Структурированные данные интересны благодаря расширенным описаниям страниц в поисковой выдаче.

Установите и активируйте расширение Google Structured Data Markup. После активации бесплатная версия добавляет микроразметку Schema.org Breadcrumblist, Organization и Website.

Плагин сразу после установки добавляет микроразметку Website, Organization и Breadcrumblist

С помощью бесплатной версии плагина к публикациям можно добавлять структурированные данные Schema.org Article. Для этого в меню настроек Google Structured Data выберите раздел Items и нажмите кнопку «Создать».

В открывшемся окне с помощью кнопки Select Item выберите статью, к которой планируете добавить разметку. Укажите название и описание. Сохраните изменения.

Заполняем данные для микроразметки

Проверьте корректность микроразметки с помощью инструмента Google.

Микроразметка Article добавлена корректно

Платная версия плагина поддерживает другие типы разметки, включая Review, Products, Recipes, Events.

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

Так выглядит сниппет в Facebook без протокола Open Graph

Установите и активируйте расширение Phoca Open Graph. В настройках плагина на вкладке Main Options включите опцию Find Image in content. Укажите название сайта и сохраните изменения.

Если все сделано верно, при публикации материала в социальных сетях будет формироваться привлекательный сниппет.

Сниппет стал визуально привлекательным

Как подключить ускоренные мобильные страницы на сайт под управлением Joomla!

Это можно сделать с помощью платных расширений:

• JAmp.
• wbAMP.
• Accelerated Mobile Pages.

Протестировать работу ускоренных страниц на «Джумле» можно с помощью бесплатной версии расширения wbAMP для сообщества.

Шаг № 5. Как добавить код аналитических сервисов на сайт под управлением Joomla!

Как добавить сайт на «Джумле» в Google Analytics

Войдите в аккаунт Google Analytics. Добавьте новый сайт в систему: укажите название, URL. Воспользуйтесь опцией «Получить идентификатор отслеживания». Теперь доступен код отслеживания, который необходимо вставить на все страницы сайта.

Задачу можно решить с помощью следующих расширений:

• Advanced Google Analytics.
• Asynchronous Google Analytics.
• Google Analytics Dashboard.

После установки плагина Advanced Google Analytics включите его и перейдите на страницу настроек. Укажите ID идентификатора отслеживания, название домена, выберите подходящие настройки и сохраните изменения. Вы добавили код отслеживания на сайт.

Как добавить сайт на Joomla! в «Яндекс.Метрику»

Добавить на сайт код отслеживания «Яндекс.Метрики» можно с помощью плагина do Yandex Metrika.

После установки плагина do Yandex Metrika включите его и перейдите на страницу настройки. На вкладке «Модуль» введите ID идентификатора. Выберите подходящие настройки и сохраните изменения.

Настраиваем плагин do Yandex Metrika

В «Яндекс.Метрике» проверьте, поступают ли данные с сайта.

Данные поступают, счетчик установлен корректно

Как верифицировать сайт на Joomla! в Google Search Console и «Яндекс.Вебмастер»

Чтобы добавить сайт в кабинеты для вебмастеров Google и «Яндекс», необходимо подтвердить права на управление ресурсом. Это можно быстро сделать с помощью расширения Webmaster site verification.

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

После этого подтвердите права в кабинетах для вебмастеров Google и «Яндекс».

Шаг № 6. Как публиковать контент

Чтобы опубликовать заметку на сайте под управлением CMS Joomla!, воспользуйтесь меню «Создать материал» в административной панели.

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

Добавляем текст и изображение

В открывшемся окне можно добавить атрибут alt, выбрать способ выравнивания и разрешение фото.

На вкладке «Публикация» добавьте описание и по желанию ключевые слова страницы.

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

В разделе «Менеджер материалов» можно управлять публикациями: редактировать, удалять, снимать с публикации, оценивать количество просмотров.

Интерфейс менеджера материалов

В разделе «Категории» можно создавать и редактировать категории публикаций.

Интерфейс менеджера категорий

Как на Joomla сделать интернет-магазин?

CMS Joomla не является специализированным решением для создания интернет магазинов или товарных каталогов. Joomla — это универсальная система управления контентом, на которой можно создать интернет магазин, подключив одно из специальных расширений. В состав этих расширений могут также входить дополнительные плагины и модули.

Чтобы создать интернет магазин необходимо установить и настроить саму CMS, а затем установить и настроить одно из подходящих расширений.

В настоящее время наиболее популярными решениями для Джумла являются:

• Virtuemart.
• JoomShoping.
• JBZoo.
• HikaShop.

Какая CMS лучше: Joomla! или WordPress?

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

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

Некоторые специалисты считают Joomla! более подходящей CMS для реализации масштабных проектов, например, больших интернет-магазинов или информационных ресурсов. Возможно, это как раз вопрос личных предпочтений, так как есть много примеров удачной реализации масштабных проектов на WordPress.

К преимуществам Joomla! перед WordPress можно отнести:

• Доступные без установки плагинов инструменты SEO. «Движок» поддерживает оптимизацию URL-адресов, переадресацию ссылок, управление мета-тегами robots.
• Автоматическое кэширование. Эта функция ускоряет загрузку страниц в браузерах.
• Наличие встроенного доступа к FTP.
• Управление сжатием страниц.
• Возможность редактирования контента во фронтенде.

В CMS WordPress перечисленные задачи можно решить только с помощью дополнительных плагинов.

К недостаткам Joomla! можно отнести:

• Меньшее по сравнению с WordPress количество бесплатных шаблонов и плагинов. Например, для Joomla! нет бесплатного плагина для реализации турбо-страниц.
• Нежелание некоторых расширений работать сразу после установки.
• Более сложное управление сайтом. Возможно, еще один субъективный недостаток.

Стоит ли выбирать CMS Joomla!, если вы не занимаетесь разработкой сайтов профессионально? Почему бы и нет. С помощью этого движка можно быстро создать блог или небольшой контент-проект. Возможно, придется обратиться к профессионалам, чтобы создать масштабный ресурс. Кстати, это справедливо для любой CMS.

Перенос сайта joomla на хостинг

Здравствуйте, уважаемые друзья. Сегодня расскажу про перенос сайта joomla на хостинг. Должен отметить, что переезд сайта, сделанного на joomla, проходит ещё легче, чем на wordpress. Главное, понять логику и следовать инструкциям из этой статьи. Этот способ подходит для переезда с хостинга на хостинг или с локального сервера на просторы интернета.

Весь процесс состоит из 6 основных этапов и пары дополнительных действий, которые напрямую не относятся к переносу сайта. Например, удаление аккаунта на старом хостинге.

Этапы переноса сайта joomla на хостинг

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

1. Создание бэкапа базы данных;
2. Создание бэкапа файлов сайта или их скачивание через ftp-соединение;
3. Настройка домена (смена DNS-серверов);
4. Импорт базы данных на новый хостинг;
5. Загрузка файлов сайта на новый хостинг;
6. Настройка файла конфигурации configuration.php.

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

Создание бэкапа базы данных

База данных сайта (БД) – это содержание сайта, представленное в виде таблиц с данными. В таблицах содержится вся структура сайта, контент, административные ресурсы и так далее. БД создаётся при установке системы управления сайтом (CMS), в нашем случае Joomla, и пополняется в процессе работы с ресурсом.

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

Но менять его не надо, все эти данные всегда можно посмотреть в файле configuration.php, который находится в папке сайта.

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

Для этого переходим в панель управления базами phpMyAdmin. Этот инструмент обычно находится в личном кабинете хостинга в разделе «Базы данных».

Выбираете базу данных (если их несколько), нажимаете на раздел «Экспорт», где на выбор представлен способ экспорта и формат архива. Если база небольшая, можно ничего не менять, жмите «ОК».

Если же размер БД большой, тогда в обычном режиме нужно будет выбрать компрессию (zip или gzip).

Готовый файл базы данных будет скачан на ваш компьютер.

Создание резервной копии файлов сайта

Ваша задача скопировать все файлы сайта на жёсткий диск вашего компьютера. Сделать это можно в панели управления хостингом, через раздел «Файловый менеджер» или с помощью ftp-подключение к серверу.

Делайте, как вам удобно. Я обычно настраиваю подключение к сайту через WinSCP. И копирую файлы на компьютер.

Обычно файлы сайта расположены в папке «public_html» или «httpdocs» на сервере. Вы должны скопировать все файлы из этой папки.

Настройка домена

Домен может быть зарегистрирован у хостинг-провайдера, где расположен сайт или у отдельного регистратора. Я всегда советую регистрировать домен отдельно от хостинга. Так как в таком случае при переезде сайта вам не придётся переносить домен к новому регистратору. Достаточно сменит DNS сервера.

Узнать новые DNS можно в панели хостинга. Обычно они прописаны в разделе «Домены» или где-то на видном месте.

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

Настраиваются же адреса в разделе DNS для конкретного домена. И выглядит это так:

Независимо где зарегистрирован ваш домен, вы должны указать в его настройках NS-сервера нового хостинга.

Импорт базы данных на новый хостинг

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

В большинстве же случаев БД создаётся с новым названием и одноимённым пользователем. Пароль всегда можно использовать от старой базы.

Для импорта базы перейдите в phpMyAdmin, раздел «Импорт». Выберите файл с бэкапом БД (остальные параметры можете не менять), жмёте «ОК»

Успешный процесс импорта будет подтверждён сообщением о количестве импортированных таблиц.

Загрузка файлов сайта на хостинг

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

Файлы нужно копировать в папку public_html или httpdocs, зависит от хостинга.

Учтите, эта папка может быть внутри папки с названием сайта. Всё зависит от хостинга.

Далее, нужно внести корректировки в файл конфигурации configuration.php.

Внесение изменений в файл configuration.php

Открываете файл configuration.php и в следующих строках вносим изменения относительно доступа к базе данных.

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

Далее, ищите строчки, где указан путь к папкам logs и tmp. Нужно указать новый путь к этим папкам.

Узнать этот путь можно в файловом менеджере, открыв нужную папку.

После редактирования обязательно сохраните изменения в файле.

Проверка работы сайта на новом хостинге

Если вы не удалили сайт на старом хостинге, а новые DNS ещё не вступили в силу, то при переходе на сайт вы будете видеть его с прежнего хостинга.

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

Узнать на каком хостинге расположен сайт можно через сервис 2ip, в разделе «Информация об IP адресе или домене».

После того как убедитесь, что сайт работает на новом хостинге – можете удалить его со старого хоста.