"Ну наконец-то!" - Самая популярная мысль, о которой думает с большим удовольствием и наслаждением человек, готовый анонсировать свой сайт в общий доступ - сеть Интернет. Это чувство знакомое многим: радость и предвкушение успеха после долгой и кропотливой работы. Держите себя в руках! Переведите дух и ознакомьтесь со следующими рекомендациями, которые нужно учесть, прежде чем дать старт своему Joomla сайту.

1. Адаптивность для мобильных устройств

Проверять снова и снова интерфейс своего сайта с мобильных телефонов, планшетов и ультрабуков, звонить друзьям с просьбой зайти на сайт и оценить, насколько хорошо он выглядит с их мобильных устройств, просыпаться по ночам, вспоминая, что какой-то элемент может отображаться некорректно на предыдущем поколении популярного смартфона… так можно довести себя до паранойи, не правда ли? Вот несколько вещей, которые должны быть проверены:

  • С экрана большого расширения изменяйте размер окна браузера и убедитесь, что сайт реагирует на изменение без сбоев;
  • Убедитесь, что сайт адаптирован для мобильных телефонов с сенсорным экраном и поддерживает основные его функции, такие как прокрутка и переход по ссылкам, мобильное меню;
  • Проверьте расширения и дополнения, которые установлены в Joomla. Просто откройте сайт в браузере мобильного устройства в месте, где будет отображена видимая часть того или иного расширения и убедитесь, что оно действительно отображается корректно;
  • Быстро ли загружается мобильная версия сайта? Случается так, что адаптивная версия архитектурно отличается от основного сайта, важно понимать, что если загрузка с мобильного устройства происходит медленно, то это повод для беспокойства.

Существую онлайн-сервисы, такие как Google's Mobile-Friendly Test или W3C's MobileOK Checker, которые помогут выполнить автоматизированную проверку и укажут на основные ошибки, которые допущены в адаптивной версии.

2. SEO-оптимизация

SEO-оптимизация Joomla

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

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

Кроме того, на сайте должен быть файл sitemap.xml - карта сайта, которая помогает поисковым системам проиндексировать сайт. Добавьте ссылку до sitemap.xml в Google Webmaster Tools. Можно использовать XML-Sitemaps для автоматической генерации файла на основе существующего контента, либо, как альтернатива, использовать расширение для Joomla JSitemap. В финале, должна получиться примерно такая ссылка: http://www.joomfox.org/sitemap.xml

3. Значок сайта (favicon)

Значок сайта (favicon) Joomla

Значок favicon - определяет личность сайта и позволяет выделить его, например из списка закладок или вкладок в браузере. Favicon - это, по сути, маленькое изображение 16х16 пикселей, которое, как правило, будет отображено лишь в закладках браузера и поисковых системах, но не следует про него забывать! Значок сайта можно создать самостоятельно используя любой графический редактор или воспользоваться дополнением Joomla с одноименным названием Favicon.

4. Автоматизированная проверка, кроссбраузерность и орфография

Лучшая оценка любой деятельности - это мнение стороннего наблюдателя, в случае деятельности в сети интернет, в роли наблюдателя может быть онлайн-сервис проверки. Лучший сервис, который можно найти - это W3C validator, просто укажите адрес своего сайта и узнайте сколько очков заработано. Не нужно быть перфекционистом, чтобы стремиться выполнить доработки и приблизиться к 100%.

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

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

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

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

5. Работоспособность ссылок

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

Ссылки должны иметь цвет отличный от текста, быть кликабельными и перенаправлять на верный URL, пожалуй это все, что требуется для проверки. Можно использовать онлайн-сервис и проверить сайт с помощью W3C Link Checker и убедиться, что с ссылками все хорошо или, напротив, найти ошибки. Так же убедитесь, что логотип сайта исполнен в виде изображения или анимации со ссылкой, которая ведет на главную страницу, это довольно очевидный момент, но будет печально, если это упустить.

Могут возникать моменты, когда ссылка ведет на недействительную страницу, в этом нет ничего страшного, но нужно быть готовым к такому повороту. Согласно спецификации протокола HTTP в данном сценарии сайт должен вернуть ошибку 404. Самое верное решение - создать специальную страницу, которая будет отображать информацию типа “Страница не найдена” и отдавать HTTP ошибку 404, расскажем как это сделать:

  • Создайте страницу в Joomla и разместите на ней текст с необходимой информацией, например "К сожалению, мы не смогли найти страницу, которую вы искали...", при необходимости дополнить любыми другими элементами, например навигационным меню или ссылок на главную страницу сайта. Состояние - "Не опубликовано".
    Страница ошибки в Joomla
  • Создайте пункт меню и свяжите с созданной статьей, состояние "Не опубликовано":
    Создание пункта меню для страницы 404
  • Скопируйте URL в текстовый файл, который был отображен в строке "Ссылка" (в нашем случае index.php?option=com_content&view=article&id=12), он нам потребуется для дальнейшей настройки.
  • Отредактируйте файл error.php, чтобы задать страницу для перенаправления в случае возникновения 404-ошибки:
PHP код:
  1. if (($this->error->getCode()) == '404') {
  2. header('Location: /index.php?option=com_content&view=article&id=12');
  3. exit;
  4. }

Дополнительно необходимо исключить созданную страницу из результатов поиска внутри сайта, для этого в режиме редактирования статьи перейдите во вкладку "Публикация" и в пункте "Мета-тег Robots" задайте "No index, no follow".

Поисковым роботам так же бессмысленно посещать данную страницу, в robots.txt задайте правило:

robots.txt код:
  1. Disallow: /index.php?option=com_content&view=article&id=12

6. Проверка основного функционала

На данном этапе уже были выявлены основные проблемы и, скорее всего, устранены. Мы довольно близко к финалу, но есть еще несколько действий, которые важно проделать. Необходимо выполнить проверку основного функционала сайта. Что это может значить?

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

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

7. Резервное копирование

Резервное копирование Joomla 3

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

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

Для настройки резервного копирования в рамках Joomla инсталляции рекомендуем проверенный инструмент - Akeeba Backup.

Это все?

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


 
4.5836431226766 1 1 1 1 1 (Оценок: 269)
4.5836431226766 269
Опубликовано: 01-06-2016

Комментарии  

Семён Франклин
+1 #2 Семён Франклин 25.06.2016 17:52
Статья полезная для новичков, ведь человек когда с этим сталкивается думает либо все тяжело и начинает сам себя в угол забивать, либо я все умею и делать тут нечего во все. И 1 вариант и 2 второй является ошибочным. Поэтому новичкам буду советовать вашу статью.
Den
+1 #1 Den 18.06.2016 16:30
Давно планировал приступить к созданию собственного сайта. Огромное спасибо авторам!)

Вы не зарегистрированы, чтобы оставлять комментарии.