Разработка сайтов drupal

Движок drupal- это функциональный сервис по созданию сайтов, занимающий далеко не последнее место по популярности во всём мире. Стоит ли обратить взор на панель drupal? Можно ли на drupal разработать сайт самостоятельно?

Движок drupal- это лицензированный бесплатный сервис по созданию сайтов. На drupal существует возможность разработать сайт любой сложности. Drupal достаточно гибок, универсален и способен выполнять множество задач для сайта. Благодаря волонтёрам, занимающимся поддержкой drupal, этот движок очень дружественен по отношению к новичкам в сайтостроении. Давайте пройдём по всем этапам разработки сайта на drupal.

Установка

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

Рассмотрим вариант загрузки дистриба drupal с сайта. Загрузите зипархив с дистрибом с официального сайта drupal .

Настройка сайта на drupal  Настройка сайта на drupal  Настройка сайта на drupal

По завершении загрузки drupal с сайта, распакуйте его во вновьсозданную папку в свой компьютер. При помощи FileZilla загрузите распакованное содержимое архива drupal на сервер. Загрузите дистриб в корневую папку.

Настройка сайта на drupal

Далее следует создать базу данных сайта drupal на хостинге. На странице настроек хостинга нажмите на Базу данных, придумайте название и создайте.

Настройка сайта на drupal

Для этого внесите нового пользователя drupal и пропишите пароль.

Настройка сайта на drupal

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

Настройка сайта на drupal

В разделе панели управления сайта drupal Программное обеспечение и службы, остановите выбор на версии PHP 5.6 .

Настройка сайта на drupal

Включите менеджер установки движка drupal на сайт путём ввода в поисковую строку vash-site.ru/install.php. Выберите английский язык и стандартный тип установки drupal . Внесите базу данных, имя и пароль. Далее Сохранить и продолжить. После того, как движок drupal установится на сайт, появится окно с настройками модуля. В него следует внести почтовый ящик, название и регион с указанием часового пояса.

Настройка сайта на drupal

Вы попали на главную страницу будущего сайта drupal.

Настройка сайта на drupal

Установка drupal завершена. Переходите к следующему шагу.

Настройка

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

Русификация

При разработке сайта на drupal, для русификации, в меню контроля за модулями разместите опции в Multilingual.

Настройка сайта на drupal

Перейдите в Конфигурации, нажмите на Регионы и Язык, далее на Язык. Нажмите на Add Language и добавьте русский язык.

Настройка сайта на drupal

С официальной площадки drupal загрузите файлы с переводом. Нажмите на Конфигурации, затем на User Interface Translation и кликните на Импорт. Начнётся загрузка файлов.

Настройка сайта на drupal

Нажмите на Конфигурации, затем на Регионы и язык и поставьте русский язык. Сохраните.

Настройка сайта на drupal

С русификацией закончено. Переходите к следующему шагу.

Установка темы

При создании сайта на drupal, пройдите в раздел Темы, там вы увидите темы от drupal. Для включения шаблона нажмите на Установить по умолчанию. На своей официальной площадке, drupal предлагает другие варианты шаблонов, с которыми подробнее вы сможете ознакомиться на сайте. Остановите свой выбор на получении того самого дизайна, который можно будет адаптировать для мобильных устройств. Загрузите дистриб темы в свой компьютер. Пройдите в раздел Оформление и нажмите на Установить новую тему. Загрузите скачанную тему на будущий сайт.

Настройка сайта на drupal

Загрузите тему на сервер, после чего установите и активируйте её.

Настройка сайта на drupal

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

Настройка сайта на drupal

Переходите к следующему шагу.

Настройка логотипа

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

Настройка сайта на drupal

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

Блоки контента

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

Настройка сайта на drupal

Жёлтым отмечены места для размещения контента. Движок drupal даёт возможность использовать как пользовательские, так и дефолтные блоки. Для использования блоков по умолчанию перейдите в меню структуры и нажмите на Схема блоков. Обозначьте место для блока и добавьте его туда.

Настройка сайта на drupal

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

Настройка сайта на drupal

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

Настройка сайта на drupal

Пройдите на Схема блоков и добавьте блок в выбранное место. Протестируйте корректное отображение блока.

Настройка сайта на drupal

Блок виден справа. Переходите к следующему шагу.

Установка прав пользователей

Движок drupal предлагает наделить пользователей проекта правами администратора, зарегистрированного пользователя или анонимного пользователя. Нажмите на Пользователи, затем на Список. Там вы найдёте список зарегистрированных пользователей. Нажмите на Права и ознакомьтесь с функциями, которые будут доступны определённой категории посетителей. Во вкладке права доступа, нажмите на Роли, измените действующие и добавьте новые категории пользователей.

Настройка сайта на drupal

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

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

Настройка сайта на drupal

В разделе Роли разместите галку возле нужной опции и сохраните. Пользователь создан и зарегистрирован.

Настройка сайта на drupal

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

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

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

Настройка сайта на drupal

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

Настройка сайта на drupal

Обратите внимание на поле Название. Пропишите в нём ссылку, которая будет видна пользователям.

Настройка сайта на drupal

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

Настройка сайта на drupal

Вы видите новую ссылку в меню. Вы можете сделать меню на свой вкус. Нажмите на Структура, затем на Меню, далее на Добавить.

Настройка сайта на drupal

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

Настройка сайта на drupal

Протестируйте корректность отображения.

Настройка сайта на drupal

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

СЕО оптимизация

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

Настройка алиасов

В drupal наполнение организовано при помощи node. Это единица наполнения с отдельными URL. Движок drupal имеет URL вида vash-site.ru/node/5. Если будут обновлённые составляющие наполнения, необходимо добавить только последнюю цифру.

Настройка сайта на drupal

Для поисковиков это удобно, но для пользователей не очень. Произведите настройки при помощи алиасов. Это синоним URL, который перенаправляет по тому же адресу. Задаётся синоним в момент размещения нового контента. Возможно это и при помощи редактора существующего контента. Пройдите в Содержимое и выбрав нужный контент нажмите на Редактировать, затем на Настройки адресов, где и потребуется прописать алиас.

Настройка сайта на drupal

Пропишите синоним. При помощи URL подчёркивайте различия между контентом, прописывая разные элементы.

Настройка сайта на drupal

Добавьте элемент на страницы контента. Создание синонимов можно производить в автоматическом режиме. Для этого потребуется разместить Token, CTool и Pathauto. Для установки модулей обратитесь к опции Расширить. После установки пройдите в Конфигурация, затем в Поиск и метаданные. Нажмите на Синонимы URL. Пройдите в Шаблоны и нажмите Add Pathauto pattern.

создание сайта при помощи платформы Drupal

Выберите категорию паттерна, затем категорию материала. Что бы URL выглядел, как vash-site.ru/blog/publication-title, примените blog/[node:title]. Проставьте язык для шаблона, разместите метку и сохраните.

создание сайта при помощи платформы Drupal

Шаблон [node:title] используйте для автосоздания ЧПУ страниц. Выберите категорию материала Basic Page. Разместите в Path pattern. Пропишите все поля и сохраните.

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

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

Метаданные

На помощь приходят СЕО модули Metatag и Yoast SEO for Drupal. Зайдите в Расширить и включите надстройки для движка drupal.

создание сайта при помощи платформы Drupal

Включите модули Metatag и Yoast SEO. После включения вы увидите раздел Метатеги. В разделе Основные теги пропишите распорядок размещения названий страничек. Пройдите в Описание и добавьте короткий текст о публикации. Пользователи будут видеть её в сниппете поисковика. Укажите ключевые слова в предназначенном для этого разделе.

создание сайта при помощи платформы Drupal

Пройдите в Основные теги и заполните Описание. Пройдите в Расширенные и добавьте метатеги, которые будут управлять поисковиками. С участием Yoast SEO for Drupal оцените и откорректируйте сниппет. Это можно сделать при помощи Snippet Editor. Focus Keyword используйте для контроля за таксономией контента.

создание сайта при помощи платформы Drupal

При помощи Yoast SEO for Drupal оцените и откорректируйте сниппет. Переходите к следующему шагу.

Карта сайта

Карта сайта нужна для корректной индексации площадки поисковиками. Сделайте её с участием XML Sitemap. Разместите и подключите генераторы карты. Для настройки пройдите в Конфигурация, затем в Поиск и метаданные. Нажмите на XML Карта сайта.

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

Установите приоритет и периодичность обновлений. Пройдите в Sitemap Entities. Выберите группу контента предназначенный для размещения на карте. Разместите галку возле Содержимое. Включите в sitemap.xml статьи и основные страницы и настройте предпочтения для каждой группы контента.

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

Пройдите в Конфигурация, затем в Система. Выберите и запустите модуль Cron. Протестируйте корректность отображения карты, пройдя по ссылке vash-site.ru/sitemap.xml.

создание сайта при помощи платформы Drupal

Вы видите, что карта доступна. Переходите к следующему шагу.

Микроразметка

Движок drupal поддерживает некоторые категории микроразметки Schema.org, такие как артикли для текстов. Существует возможность расширения опций посредством применения дополнительных инструментов. При помощи ранее установленного модуля Метатег можно контролировать текстовое описание для социальных сетей. Так же заакцентируйтесь на Open Graph meta tags. С участием Schema Creator разместите дополнительные категории микроразметки, такие как Product, Review, Book, Moovie. Для получения расширенного сниппета обзора продукта выберите категорию разметки Review и пропишите текст в поля. Заполните блоки для корректного отображения сниппета.

создание сайта при помощи платформы Drupal

Сгенерируйте код микроразметки. Скопируйте код с поля и разместите его на страницу контента. Для этого перейдите в режим HTML. Далее на Источник и разместите откопированный код микроразметки в конце контента.

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

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

Безопасность

Давайте ознакомимся с резервным копированием и защитой от спама.

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

Установите и активизируйте Backup and Migrate. Нажмите на Настройки, затем на Надстройки. Эти опции вы найдёте, нажав на Конфигурация, затем на Разработка.

создание сайта при помощи платформы Drupal

 

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

создание сайта при помощи платформы Drupal

Сделайте копию. Нажмите на Восстановить для восстановки данных. Нажмите на Расписание и настройте автосоздание копий при помощи Add Shedule. Пропишите Имя задания и поставьте галочку возле Schedule Enabled. Определитесь с объектом и настройте периодичность копирования. Периодичность копирования зависит от периодичности обновления сайта.

создание сайта при помощи платформы Drupal

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

Установка модуля CAPTCHA

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

создание сайта при помощи платформы Drupal

Выберите настройки. Пройдите на CAPTCHA Points и отметьте операции для защиты.

создание сайта при помощи платформы Drupal

Выберите операции для защиты. Протестируйте корректность работы, пройдя на сайт под категорией Инкогнито.

создание сайта при помощи платформы Drupal

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

 

создание сайта при помощи платформы Drupal

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

Отслеживание эффективности

Для настройки отслеживания соедините сайт с Google Analytics и Яндекс.Метрика. Так же авторизуйте его в Search Console Google и Яндекс.Вебмастер.

Подключение к Google Analytics

Авторизуйте сайт в Google Analytics и дождитесь кода. Разместите на сайт GA и активируйте. В настройках нажмите на Конфигурация, затем на Система и введите код. Во вкладке Роли уберите отслеживание администраторов и редакторов.

создание сайта при помощи платформы Drupal

Уберите администраторов и редакторов и сохраните. Протестируйте корректность работы. Пройдите в Отчёты, затем в Режим реального времени, затем в Обзор. Ознакомьтесь с количеством пользователей на сайте.

создание сайта при помощи платформы Drupal

Вы видите пользователя. Для быстрого подтверждения прав на сайт воспользуйтесь Search Console и выберите подходящий для подтверждения способ.

создание сайта при помощи платформы Drupal

Подтвердите в одно нажатие на клавишу мыши. Для контроля за эффективностью при помощи Яндекс.Метрики, используйте модуль Yandex.Metrics. Код вставляется вручную. Загрузите шаблон с хостинга. Шаблон page.tpl.php находится на /www/core/themes/папка темы/templates. Пропишите код между <body> и </body>, сохраните и отправьте на сервер. Для отслеживания при участии Яндекс.Вебмастер авторизуйте сайт и подтвердите права. Примените вариант доказательства прав с участием HTML-файла. Загрузите документ в свой компьютер и отправьте на сервер в корневую директорию сайта.

создание сайта при помощи платформы Drupal

Отправьте файл на сервер. Протестируйте правильность выбранного места нажав на ссылку предложенную в Яндекс.Вебмастер.

создание сайта при помощи платформы Drupal

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

Управление контентом

Пришло время ознакомиться с таксономией движка drupal и размещением контента.

Систематизация контента

Движок drupal систематизирует и выводит на экран контент при помощи модуля cms Таксономия. Нажмите на Структура, затем на Таксономия.

создание сайта при помощи платформы Drupal

Разделение на категории публикаций происходит посредством словарей и терминов. Движок drupal систематизирует тексты при помощи словаря Tags. Создайте в нём типы будущего контента и укажите необходимую информацию. Для этого выберите Добавить термин для создания категории.

создание сайта при помощи платформы Drupal

Создайте категорию, в которой будет размещена информация, и сохраните.

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

Укажите категорию. Для добавления контента в словарь Tags, при редактировании поставьте метки в плагине Yoast SEO.

создание сайта при помощи платформы Drupal

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

Создание публикации

В drupal установлен WYSIWYG-редактор CKEditor. Для расширения его функциональности и упрощения работы с публикациями разместите IMCE. Настройте его, нажав на Конфигурация, затем на Работа с содержимым, затем на Текстовые форматы и редакторы. Для публикации контента пройдите в раздел Контент и нажмите на Добавить материал. После нажатия на кнопку добавить материал, вы опубликуете контент. Движок drupal позволяет выбрать категорию контента. Это статья или основная страница. Категория Основная страница подходит для неизменных страниц, а категория Статья, для обновляемого контента.

создание сайта при помощи платформы Drupal

Выберите категорию контента. В поле Титл разместите название статьи. Для добавления анонса нажмите на Редактировать анонс.

создание сайта при помощи платформы Drupal

Укажите название и добавьте анонс. Разместите публикацию в поле редактора и отметьте метки.

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

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

создание сайта при помощи платформы Drupal

Создайте ссылку. Для создания других категорий контента пройдите в Структура, затем Типы материала.

Заключение

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

 

 

 

 

 

 

 

 

 

 

Ссылка на основную публикацию