WordPress
– самый популярный движок для сайтов в мире. По разным данным на нем работают 70-90% всех интернет-ресурсов. В связи с этим очень многим людям приходится работать с этой CMS (системой управления сайтом). Но прежде всего нужно знать, как создать сайт на wordpress, а уже потом настраивать все остальное. На этом сайте вы найдете полезные статьи по настройке этого движка.
Как создать сайт на wordpress с нуля – установка за 5 минут
Один из главных плюсов этого движка – простота в установке. Конечно, нельзя вот просто так скачать WordPress и сразу начать создавать на нем свой сайт. Перед этим необходимо пройти очень важные шаги по регистрации доменного имени вашего будущего проекта. Также нужно купить услуги у одной из хостинг-компаний. Если сайт вам нужен для серьезных целей, лучше выбирайте надежного хостера.
Я не буду останавливаться на этих шагах, потому что описал их в другой статье, про то, как создать сайт самому. Здесь же я хотел описать именно процесс установки WordPress на ваш сервер.
Итак, если вы уже протестировали свой новый сайт и он успешно работает, самое время прямо сейчас установить на него движок. Если сейчас на вашем сервере есть какие-то файлы, то смело удаляем все это. Будем начинать все с чистого листа!
Перейдите на официальный сайт WordPress-а. Скачайте самую свежую версию движка. Полученный архив нужно будет распаковать в корень вашего сайта. Это можно сделать через FTP или CPanel (панель управления сайтом). Распаковали? Отлично, двигаемся дальше.
Следующие шаги установки
Теперь перейдите на свой сайт. Если архив распаковался правильно, вы увидите окно приветствия от WordPress. Разработчики движка немного введут вас в курс дела, а именно что будет от вас требоваться для установки.
А требуется от вас немного – имя базы данных, с которой будет интегрироваться движок, а также имя и пароль пользователя БД. Не спешите хвататься за голову, если ничего не поняли. Все это легко создается в панели управление, в пункте “Базы данных MySQL”, там же создается и пользователь для БД (базы данных). Показываю скриншот, как это выглядит на моем хостинге. У вас может быть немного по-другому, но название инструментов примерно такие же.

Также создать новую БД можно через утилиту phpMyAdmin. Вот так выглядит этот процесс в ней:
Имя базы может быть любой, но начинаться должно с латинской буквы.
Соответственно, просто скопируйте в установщик WordPress имя новой базы данных, а также введите имя пользователя и пароль, который вы задали. Еще одна настройка, которая есть на этом этапе – префикс таблиц. Настоятельно рекомендую сменить его на любой другой. По умолчанию стоит wp, поставьте любой другой. Например, wd, cy или xb
.

Следующий шаг. Тут вам нужно будет ввести имя пользователя и пароль от админки WordPress. Этим паролем вы будете пользоваться чаще всего, так как именно он нужен для входа в администраторскую часть WordPress, из которой вы и будете управлять сайтом.
Логин вводите сами, а пароль а рекомендую генерировать автоматически. Установщик отлично с этим справляется и предлагает очень сложные пароли. Сразу же сохраните свой пароль в надежное место. Также нужно ввести имя сайта. К этой настройке можно отнестись не так серьезно – все равно потом сможете поменять. Также нужно указать адрес электронной почты. И лучше указывать надежный.
Тут же вы можете отметить галочкой опцию, которая нужна для запрета индексации сайта поисковиками. Впрочем, я не знаю, зачем вам это. Обычно сайты создают как раз для того, чтобы они индексировались поисковиками и из поиска на ресурс заходили люди. Эту настройку также можно выполнить позже уже из панели управления WordPress.
WordPress установлен!
Вот вы и поняли, как создать сайт на wordpress с нуля. Было не сложно, правда ведь? После окончания установки перед вами откроется страница входа, а после этого админка WordPress. Если вы видите ее перед собой первый раз, то едва ли сможете моментально разобраться. Впрочем, движок является одним из самых простых в плане визуального управления.
Попробуйте перейти на свой сайт. Теперь вы увидите там не белый экран, а что-то намного более похожее на нормальный сайт. На этом работа только начинается. WordPress по умолчанию установил вам тему, сгенерировал первую тестовую запись и страницу, чтобы вы могли видеть, как выглядит содержимое и как его можно оформить.
dolinacoda.ru
Шаг № 1: как выбрать хостинг и зарегистрировать домен
Если у вас некоммерческий проект, выбирайте бесплатный хостинг. Например, делиться с миром фотографиями котиков или вести дневник молодого бодибилдера можно на платформе WordPress. Адрес вашего сайта будет выглядеть так: primer.wordpress.com. Если вы реализуете коммерческий проект, например, создаете тематический блог, корпоративный сайт или планируете зарабатывать с помощью ресурса любым способом, выбирайте платный хостинг.
Не забивайте себе голову изучением и сравнением технических характеристик хостинга, например, размером дискового пространства, загрузкой канала и т.п. Поверьте, в первые месяцы, а то и годы существования сайта для нормальной работы вам будет достаточно возможностей, которые предоставляет среднестатистический хостер. Поэтому обратитесь в отдел продаж надежной компании, предоставляющей услуги хостинга, опишите свои потребности и выберите с помощью консультанта подходящий тарифный план. Чтобы выбрать надежного хостинг-провайдера, изучите рейтинги и отзывы. Если у вас нет на это времени, воспользуйтесь услугами одной из перечисленных ниже компаний:
- Reg.ru.
- Beget.
- Fozzy.
Зарегистрировать домен вам также поможет хостер. Достаточно придумать доменное имя, убедиться, что оно свободно, и оплатить регистрацию.
Следующие рекомендации помогут вам выбрать удачное доменное имя:
- Выбирайте доменное имя, частично или полностью совпадающее с названием сайта. Например, для сайта «Одноклассники» хорошие доменные имена — это odnoklassniki.ru или ok.ru. Понятно, что имя vk.com этому ресурсу не подходит.
- Используйте максимально короткое доменное имя. Владельцам смартфонов сложно ввести в строку браузера длинный адрес. Поэтому лучше использовать имя vk.com, чем vkontakte.ru.
- Убедитесь, что выбранный адрес сайта легко запоминается и имеет смысл. Как вы поняли, владельцы «Одноклассников» не случайно выбрали короткое название ok.ru, а не ass.ru, простите за грубый пример.
Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.
Шаг № 2: как установить WordPress
После покупки хостинга и регистрации доменного имени вы можете установить WordPress. Обратите внимание, некоторые хостинг-провайдеры предлагают тарифные планы с предустановленной CMS WordPress. Если вы выбрали один из них, сразу переходите к третьему шагу руководства. Если вы приобрели хостинг без установленного «движка», следуйте инструкциям:
- Перейдите на сайт WordPress и скачайте дистрибутив.
- Распакуйте архив.
- Создайте базу данных на сервере. Для этого воспользуйтесь соответствующим меню в личном кабинете на сайте хостинг-провайдера.
- Назовите базу, укажите логин и пароль.
- Переименуйте файл wp-config-sample.php в wp-config.php. Откройте его с помощью текстового редактора и укажите хост, название базы данных, имя пользователя и пароль от базы данных. Подробнее о редактировании файла wp-config.php читайте здесь.
- С помощью FileZilla или другого FTP-клиента загрузите файлы WordPress в папку httpdocs.
- Установите WordPress. Для этого перейдите по ссылке vash-site/wp-admin/install.php. Заполните необходимую информацию: укажите название сайта, имя пользователя, пароль, электронную почту. Укажите, могут ли поисковые системы индексировать ресурс.
Если вы все сделали верно, то увидите следующее сообщение:
Теперь вы можете войти в панель администрирования и приступить к настройке сайта.
Шаг № 3: выберите подходящую тему для WordPress
Шаблон или тема WordPress отвечает за внешний вид и функциональность ресурса. Иными словами, с помощью темы вы можете кастомизировать сайт на стандартном «движке». Выбрать подходящую тему вам помогут следующие вопросы и ответы:
- Какой шаблон лучше выбрать: обычный или адаптивный? Если вы не планируете отдельно создавать мобильную версию сайта, обязательно выбирайте шаблон с адаптивной версткой. Благодаря этому ваш сайт станет mobile-friendly и не пострадает в результате любых мобильных армагеддонов.
- Лучше выбрать бесплатную или платную тему? Если вы только начинаете работать с WordPress, лучше выберите платный шаблон. Разработчики платных тем обычно регулярно их обновляют, а также предоставляют покупателям информационную поддержку. Кроме того, платные шаблоны используются реже. Покупая или заказывая создание темы, вы уменьшаете вероятность сделать шаблонный сайт.
- Какая тема лучше: русскоязычная или англоязычная? Если вы пишете на русском языке, вам нужна русскоязычная тема. Ваши читатели хотят видеть текст «Читать далее» и «1 комментарий», а не «Read more» и «1 comment». Однако здесь не все однозначно. Если у вас есть время и желание покопаться в коде или заплатить за это специалистам, сделайте финт ушами: найдите подходящую англоязычную тему и русифицируйте ее. Зачем? У вас гораздо больше шансов найти отличный англоязычный шаблон, который не используют ваши коллеги и конкуренты, чем отыскать уникальную русскоязычную тему.
- Где взять англоязычный шаблон для WordPress? Вам поможет Google. Введите в поисковую строку запрос «templates for wordpress». Если хотите сэкономить, добавьте к нему волшебное слово «free».
На странице выдачи вы увидите много каталогов тем. В них вы можете искать шаблоны по различным признакам: тематике, свойствам, стилю, цвету оформления и т.п. Например, вы можете выбрать подходящий адаптивный шаблон.
Чтобы проверить понравившуюся тему в деле, ее необходимо установить. Это можно сделать так:
- Скачайте дистрибутив с сайта разработчика.
- В административной панели выберите меню «Внешний вид – Темы – Install a theme».
- На странице установки укажите путь к дистрибутиву. Нажмите кнопку «Install».
- Активируйте тему. Войдите в меню «Внешний вид – Темы», выберите нужный шаблон и нажмите кнопку «Активировать».
Вы установили и активировали понравившийся шаблон. Теперь приступайте к настройке «движка» и темы.
Шаг № 4: как настроить CMS WordPress и тему
На этом этапе вам необходимо уделить внимание базовым настройкам системы управления контента, которые доступны без установки дополнительных плагинов. Также вам следует настроить тему. Обратите внимание, настройки шаблонов отличаются. Помните, если вы выбрали англоязычную тему, ее необходимо русифицировать. Вы можете поручить это специалисту или выполнить необходимые действия самостоятельно. О самостоятельной русификации шаблона читайте ниже.
Настраиваем CMS WordPress
Войдите в административную панель WordPress и выберите меню «Настройки». Укажите необходимые данные в каждом разделе настроек:
- В разделе «Общие» укажите название и краткое описание сайта. Эта информация будет отображаться для пользователей. В полях «Адрес WordPress» и «Адрес сайта» укажите URL вашего ресурса. Выберите часовой пояс, формат даты, язык сайта. Оставьте поле «Членство» пустым, так как на первом этапе развития ресурса на нем захотят регистрироваться только боты и злоумышленники.
- В разделе «Написание» выберите необходимые параметры. В начале работы вам подойдут дефолтные настройки форматирования, главной рубрики и формата записей. Если вы хотите публиковать заметки через электронную почту, введите необходимые данные: адрес сервера, порт, логин и пароль. Однако новичкам лучше публиковать посты в административной панели WordPress. Обязательно укажите хотя бы один надежный сервис слежения за обновлениями в разделе «Сервисы обновления». В этом случае «движок» будет автоматически уведомлять поисковые системы о публикации новых материалов. Например, выберите сервис http://rpc.pingomatic.com/. Сохраните изменения.
- В разделе «Чтение» укажите, что должно отображаться на главной странице сайта. Если вы создаете блог, на главной должны быть последние записи. В качестве примера обратите внимание на блог известного маркетолога Хайди Коэн. Если вы создаете сайт со статическими страницами, то на главной должна отображаться одна из них. В этом случае создайте статическую страницу «Блог», на которой будут отображаться посты. Укажите, сколько записей отображать на одной странице и в лентах RSS. Выберите отображение в ленте анонсов статей. Если вы по какой-то причине в настоящее время не хотите, чтобы поисковики индексировали ваш сайт, установите галочку в соответствующем поле.
- В разделе «Настройки обсуждения» выберите подходящие параметры. В большинстве случаев вам подойдут дефолтные настройки. Уделите внимание полям «Модерация комментариев» и «Черный список». Вы можете указать признаки, по которым комментарии будут перед публикацией поставлены в очередь на модерацию или окажутся в списке «Спам».
- В разделе «Медиафайлы» оставьте настройки по умолчанию.
- В разделе «Постоянные ссылки» выберите структуру ссылок на ваши материалы. Например, ссылка может включать название поста и дату публикации или только название поста. Также вы можете добавить префиксы для ссылок на категории.
Настраиваем тему
Вы помните, что каждый шаблон имеет собственные настройки. Описание настроек темы Aldehyde поможет вам понять закономерности и настроить выбранный вами шаблон.
В консоли WordPress выберите меню «Внешний вид – Настроить». Приступайте к настройке:
- В разделе Title, Tagline & Logo загрузите логотип, укажите название и краткое описание сайта.
- В разделе Main Slider вы можете выбрать настройки слайдера. Не спешите тратить на это время. Лучше не используйте слайдер вообще. Во-первых, он делает ваш сайт более тяжелым. Во-вторых, он считается элементом, недружественным к мобильным устройствам.
- В разделе Design & Layout можно настроить внешний вид и макет сайта. Вы можете выбрать отображение записей в блоге в одну, две или три колонки. Также у вас есть возможность выбрать ширину сайдбара или отключить сайдбар для всех или некоторых страниц. Также вы можете использовать пользовательские таблицы стилей и указать произвольную информацию в футере.
- В разделе «Цвета» выберите цвет фона, названия и краткого описания сайта.
- В разделе Google Web Fonts можно выбрать интернет-шрифты от Google.
- C помощью раздела Social Icons укажите ссылки на ваши профили в социальных сетях.
- В разделах «Изображение заголовка» и «Фоновое изображения» вы можете загрузить и выбрать соответствующие фото.
Пропустите разделы «Виджеты» и «Статическая главная страница». Статическую страницу вы уже настроили, а виджеты лучше настраивать не в меню темы, а в меню WordPress. Для этого выберите раздел «Внешний вид – виджеты». В левой части экрана вы видите доступные виджеты. Перенесите необходимые элементы в сайдбар или футер сайта способом drag-and-drop. Настройте виджеты и сохраните изменения.
В разделе «Внешний вид – меню» настройте меню сайта. Придерживайтесь такого алгоритма действий:
- Назовите меню и нажмите кнопку «Создать меню».
- Добавьте в меню нужные страницы верхнего уровня.
- В настройках страницы выберите текст ссылки, который будет отображаться в меню.
- В настройках укажите, что CMS должна автоматически добавлять в меню новые страницы верхнего уровня.
- Выберите области темы, в которых будет отображаться меню.
Пропустите разделы «Заголовок», «Фон» и «Install a Theme». Выберите меню «Внешний вид – редактор» и приступайте к русификации темы.
Русифицируем тему
Зачем русифицировать темы для WordPress? Обратите внимание на иллюстрацию ниже:
Если вы используете англоязычный шаблон, ваши читатели видят служебные записи на английском языке: read more, posted by, one thought on и т.п. Наверное, даже без знания английского читатели понимают на уровне интуиции, что такое «read more». Но если вы пишете для русскоязычной аудитории, лучше предложить ей «читать далее» или «узнать больше».
Чтобы русифицировать шаблон самостоятельно, выполните следующие действия:
- Войдите в меню «Внешний вид – редактор».
- Выберите файл php, который вы будете редактировать. Например, начните с шаблона страницы 404.
- Выберите элементы страницы, которые необходимо изменить. Для этого откройте соответствующую страницу сайта.
- Найдите эти элементы в коде файла php.
- Замените английский текст русским. Обновите файл.
- Проверьте результат.
Все еще не верите, что сумеете русифицировать шаблон самостоятельно? Поработайте с еще одним файлом php. Например, русифицируйте комментарии.
Придерживайтесь описанного выше алгоритма:
- В меню «Внешний вид – редактор» найдите шаблон формы комментариев.
- Найдите и замените английский текст на русский.
Например, это можно сделать так:
- Обновите файл и проверьте результат.
Обратите внимание на проблему: шаблон выводит число комментариев и слово «Комментарии». Получается, что ваши читатели будут видеть записи «2 комментарии», «90 комментарии» и т.п. Чтобы решить проблему, вы можете убрать отображение числа комментариев:
Проверьте, исправлена ли проблема.
Таким же способом вы можете заменить английское слово «Edit» на русское «Редактировать». Чтобы заменить английский текст на русский в других элементах сайта, в меню «Внешний вид – редактор» ищите соответствующие файлы php, находите в них текст и меняйте его.
Русифицируем тему с помощью программы Poedit
Чтобы русифицировать тему, действуйте так:
- Скачайте с официального сайта и установите программу Poedit.
- Скачайте на компьютер языковые файлы выбранного шаблона. Для этого вам потребуется доступ к FTP. Его можно получить с помощью FTP-клиента, например, FileZilla, а также с помощью плагинов, например, File Manager. Если вы установили данный плагин, действуйте так:
- В консоли выберите меню FileManager – Configuration.
- Настройте конфигурации, как указано на иллюстрации.
- Сохраните изменения.
- В меню FileManager – FileManager выберите папку wp-content – themes.
- Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.
- Скачайте на компьютер файлы en.mo и en.po.
- Откройте программу Poedit и выберите опцию «Создать новый перевод».
- Откройте файл перевода и укажите код языка.
- Приступайте к переводу.
- Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po.
- С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.
Вы русифицировали шаблон.
Шаг № 5: решаем практические задачи с помощью плагинов для WordPress
Плагины — это едва ли не самая опасная болезнь начинающих владельцев сайтов на WordPress. Едва зарегистрировав ресурс, многие вебмастера ищут в «Яндексе» статьи типа «100500 лучших плагинов для WordPress». Они устанавливают десятки расширений. Почему это негативно влияет на развитие ресурса? Дело не в замедлении работы сайта, хотя избыточное число плагинов может вызывать такую проблему.
Вопрос заключается в концентрации внимания и усилий владельца сайта. Вместо создания и публикации качественного контента он часами ищет плагины, устанавливает их и настраивает. Такой вебмастер не видит леса за деревьями: он забывает, что плагины нужны для решения конкретных практических задач.
Чтобы успешно развивать сайт, пользуйтесь плагинами с осторожностью. Устанавливайте расширения только тогда, когда хотите решить конкретную задачу. С помощью плагинов вы можете решать следующие задачи:
- Обеспечение безопасности сайта.
- Борьба со спамом.
- Техническая оптимизация ресурса в соответствии с требованиями поисковых систем.
- Повышение функциональности и юзабилити ресурса.
Как с помощью плагинов обеспечить безопасность сайта на WordPress
Ваш сайт подвергается двум глобальным угрозам. Первая — это вы сами. Стремление к совершенству и инновациям может заставить вас пойти на рискованные эксперименты с кодом и программами, которые могут привести к потере информации. Защититься от этого можно с помощью плагинов, создающих резервные копии сайта.
Вторая угроза — это несанкционированный доступ к ресурсу. Злоумышленники могут пытаться получить доступ к вашему сайту, чтобы установить на него вредоносный код или просто украсть его.
Чтобы регулярно создавать резервные копии сайта, воспользуйтесь одним из перечисленных плагинов:
- WP-DB-Backup
- WP Backup Bank
- BackUpWordPress
- UpdraftPlus Backup and Restoration
Чтобы установить выбранный плагин, войдите в меню «Плагины – Добавить новый». Введите название расширения в поле поиска в правом верхнем углу и нажмите «Ввод». Также вы можете скачать плагин с сайта разработчика и установить его с помощью функции «Загрузить плагин» в верхней части экрана административной панели.
Нажмите кнопку «Установить плагин».
После установки активируйте плагин. Теперь вы можете настроить параметры резервного копирования. Выберите меню «Инструменты – Резервное копирование». Также вы можете войти в меню настройки через разделы управления «Плагины – Установленные – Tools – Backup».
В разделе «Таблицы» настроек поставьте галочку напротив опции «Исключить спам-комментарии». В разделе «Настройки резервного копирования» выберите способ сохранения архива. Например, вы можете получать его на свой электронный адрес. В разделе «Расписание резервного копирования» выберите периодичность создания архива. На первом этапе развития ресурса вы можете делать резервную копию раз в неделю.
Чтобы защитить сайт от несанкционированного доступа, воспользуйтесь одним из плагинов:
- Whitelist IP For Limit Login Attempts
- Jeba Limit Login Attempts
- Limit Login Attempts
- iThemes Security
- Simple Security Firewall
Например, установите и активируйте Jeba Limit Login Attempts. Этот плагин заблокирует IP злоумышленника на 30 минут после трех безуспешных попыток авторизации в административной панели. Так вы защититесь от брутфорсинга: взлома сайта путем подбора пароля.
Как бороться со спамом с помощью плагинов для WordPress
Не удивляйтесь, если сразу после регистрации сайта на нем будут появляться комментарии с рекламой виагры и станков для резки металла. Спам-боты никогда не спят. Базовую защиту от них обеспечивает корректная настройка «движка». А дополнительные укрепления вы можете создать с помощью плагинов:
- Akismet
- SABRE
- Antispam Bee
- Antispam by Clean Talk (платный)
Установите и активируйте плагин Akismet. Перейдите по отмеченной на иллюстрации ссылке, чтобы получить API-ключ.
На открывшейся странице введите регистрационные данные. Выберите подходящий тариф. Для некоммерческих проектов и личных блогов доступен план с нулевой стоимостью.
Введите личные данные, с помощью ползунка установите нулевую стоимость использования плагина. Обратите внимание еще раз, бесплатно плагин можно использовать только некоммерческим проектам.
Нажмите кнопку Continue, скопируйте полученный код и вставьте его в соответствующее поле на странице настроек плагина.
Как с помощью плагинов оптимизировать сайт на WordPress в соответствии с требованиями поисковиков
С помощью SEO-плагинов вы можете обеспечить соответствие сайта на WordPress техническим требованиям поисковых систем. В частности, дополнительные модули решают следующие задачи:
- Создание и обновление карты сайта
- Канонизация URL
- Оптимизация title страниц
- Автоматическая генерация мета-данных страниц
- Блокирование индексации дублированного контента
- Создание микроразметки страниц
Чтобы решить эти задачи, вы должны установить по одному SEO-плагину из трех групп: программы для создания карты сайта, программы для технической оптимизации ресурса и программы для создания микроразметки. Для создания карты сайта используйте один из следующих плагинов:
- Google XML Sitemaps
- Simple WP Sitemap
- Google Sitemap
Установите и активируйте выбранный плагин, например, Google XML Sitemap. Для настройки плагина перейдите в меню «Настройки – XML-Sitemap».
Начинающим вебмастерам лучше оставить настройки по умолчанию. После активации плагин создал карту сайта, добавил ее адрес в файл robots.txt и приготовился уведомлять поисковые системы об обновлениях ресурса.
Если вы считаете себя опытным вебмастером, можете изменить настройки плагина. В разделе «Дополнительные страницы» вы можете вручную включить в карту сайта URL, которые не были включены в нее автоматически. В разделе «Приоритет статьи» определите способ вычисления приоритетности индексирования контента. В разделах «Изменить частоты» и «Приоритеты» вы можете рекомендовать поисковым роботам наиболее приоритетные по вашему мнению типы контента.
Для технической оптимизации ресурса воспользуйтесь одним из следующих плагинов:
- All in One SEO Pack
- WordPress SEO by Yoast
- Platinum SEO Pack
Установите и активируйте выбранный плагин, например, All in One SEO Pack. Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если вы считаете себя продвинутым вебмастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню «Инструменты SEO» в консоли «движка».
Обратите внимание на следующие настройки:
- В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Вы планируете размечать страницу с помощью отдельного плагина.
- Если в качестве главной вы используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить», как указано на иллюстрации.
В разделе «Настройки для вебмастера» укажите код верификации ресурса в кабинете для вебмастеров Google. Для этого добавьте в «Инструменты для вебмастеров» новый ресурс, выберите альтернативные методы верификации. Скопируйте часть кода HTML, указанную на иллюстрации.
Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.
Сохраните параметры плагина. В кабинете для вебмастеров нажмите кнопку «Подтвердить».
Для разметки страниц воспользуйтесь одним из следующих плагинов:
- Связка WPSSO и WPSSO JSON. Первый плагин базовый, а второй представляет собой расширение. С помощью базового решения на сайт можно добавить разметку Open Graph. С помощью второго с помощью JSON-LD реализуется разметка Schema.org.
- WP SEO Structured Data Schema. С помощью данного плагина на сайт можно добавить несколько типов разметки Schema.org, включая Article, BlogPosting и Review. Разметка реализуется с помощью JSON-LD.
- Плагин Schema App. С помощью этой программы на сайт можно добавить разные типы разметки Schema.org. Она реализуется через JSON-LD. Бесплатная версия поддерживает базовые типы разметки. Также разметку можно реализовать с помощью онлайн-генератора Schema.org JSON-LD Generator.
Установите и активируйте плагины WPSSO и WPSSO JSON. В консоли на странице настроек плагинов в разделе Essential Settings укажите информацию о сайте, а также сведения для разметки Open Graph. Не меняйте другие настройки.
Перейдите в раздел Schema Markup. В поле Website Alternate Name укажите название сайта. В полях Organization Logo Image URL и Organization Banner URL укажите URL логотипа и баннера сайта. Эти изображения могут использоваться на странице поисковой выдачи.
С помощью выпадающего меню выберите базовый тип разметки для страницы записей блога, статической главной страницы, страниц рубрик, авторов и результатов поиска. Вам нужны следующие типы: Blog, Website, CollectionPage, ProfilePage и SearchResultsPage соответственно.
Выберите тип разметки для страниц публикаций, статических страниц и страниц медиафайлов. Для страниц записей подходят типы разметки Article и BlogPosting. Какой из них выбрать? Это зависит от формата публикаций в вашем блоге.
Тип разметки BlogPosting — производное Article. Кроме BlogPosting, к частностям Article относится тип разметки News Article или «Новость». То есть BlogPosting содержит все семантические данные разметки Article.
Используйте тип BlogPosting, если публикуете небольшие заметки, личные наблюдения и впечатления. Используйте тип Article, если публикуете обзоры, аналитические статьи, руководства. Вот пример: для публикаций в блоге «Текстерры» подходит тип разметки Article, а для дневника Екатерины Безымянной в ЖЖ подходит тип BlogPosting.
Для статических страниц и страниц медиафайлов укажите тип разметки WebPage.
После сохранения настроек плагин будет автоматически добавлять на страницы сайта выбранный тип разметки. В том числе семантические данные появятся на существующих страницах. Убедиться в этом можно с помощью инструмента проверки структурированных данных Google.
Что делать, если вы публикуете материалы разного типа: лонгриды, небольшие заметки и новости? В этом случае для каждой публикации лучше выбрать подходящую разметку. Вместо надстройки WPSSO JSON воспользуйтесь плагином WP SEO Structured Data Schema.
После установки и активации плагина на странице редактирования постов появится дополнительный раздел. С его помощью можно выбрать тип разметки и указать структурированные данные.
Недостаток плагина заключается в необходимости указывать данные для разметки к каждой публикации вручную. А к преимуществам можно отнести поддержку дополнительных типов разметки, например, Review, Product и Aggregate Ratings. Бесплатная версия WPSSO JSON не поддерживает эти типы.
Как с помощью плагинов повысить функциональность и юзабилити ресурса
Повышать функциональность и юзабилити можно и нужно постоянно. Как отмечалось выше, некоторые владельцы сайтов на WordPress так увлекаются этим процессом, что устанавливают десятки и даже сотни плагинов. Чтобы избежать этой ошибки, начинайте повышение функциональности и улучшение юзабилити не с плагинов, а с определения проблем и задач, которые вы хотите решить.
Например, если вы хотите создать интернет-магазин на WordPress, найдите плагины для электронной коммерции. Если вы считаете, что стандартная система навигации недостаточно удобна для пользователей, найдите плагины, с помощью которых можно добавить на страницы сайта хлебные крошки, а также ссылки на похожие материалы. Также с помощью плагинов можно добавить форму быстрой связи с владельцем сайта, вывести в сайдбаре список самых активных комментаторов, демонстрировать посетителям форму подписки и решать другие задачи.
Начните улучшение юзабилити с латинизации URL сайта. Зачем это нужно? Обратите внимание на ссылку, которую CMS генерирует по умолчанию. В ней есть кириллические буквы.
Скопируйте URL и вставьте его в комментариях на сайте или в текстовом редакторе.
Ссылки остаются одним из факторов ранжирования сайтов, поэтому вам необходимо заниматься естественным линкбилдингом. Поверьте, у пользователей резко уменьшается желание ссылаться на вас, когда вместо удобной и понятной человеку ссылки приходится публиковать какие-то крокозябры.
Эту проблему можно решить с помощью Cyr to Lat Enhanced или аналогичного плагина. Для этого достаточно установить и активировать выбранный модуль.
Теперь все URL вашего сайта выглядят по-человечески.
Если у вас еще сохранилось острое желание улучшать сайт, добавьте на его страницы кнопки шеринга социальных сетей. Эту задачу можно решить разными способами, в том числе с помощью плагинов.
Установите и активируйте плагин «Яндекс.Поделиться». На странице настроек плагина в консоли выберите социальные сети, кнопки которых будут отображаться под постами. Также выберите внешний вид блока «Поделиться». Сохраните изменения.
Добавить на сайт блок «Поделиться» от «Яндекса» можно без предложенного плагина. Для этого сконфигурируйте виджет на странице. Скопируйте предложенный код.
С помощью WP Insert Code или аналогичного плагина вставьте код на страницы публикаций перед закрывающим тегом </body>.
Проверьте, как отображается блок «Поделиться».
Шаг № 6: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров
Обозначенная в подзаголовке задача решается разными способами. Например, при установке плагина All in One SEO Pack вы уже подключили ресурс к кабинету для вебмастеров Google. Также вы наверняка захотите использовать кабинет для вебмастеров «Яндекса» и отслеживать эффективность ресурса с помощью Google Analytics и «Яндекс.Метрики».
Чтобы зарегистрировать сайт в Google Analytics, выполните следующие действия:
- Войдите в свой аккаунт, выберите меню «Администратор – Ресурс – Создать ресурс».
- Укажите регистрационные данные сайта: название, URL, отрасль, часовой пояс. Нажмите кнопку «Получить идентификатор отслеживания».
- Установите и активируйте Google Analytics by Yoast или аналогичный плагин.
- На странице настроек плагина воспользуйтесь кнопкой «Регистрируйтесь, используя свой профиль в Google». Скопируйте предложенный код и вставьте его в соответствующее поле.
В 2016 году команда Yoast продала плагин для интеграции Google Analytics. Теперь эта надстройка называется Google Analytics by MonsterInsights. Функциональность надстройки и интерфейс страницы настроек сохранились.
- Выберите нужный профиль аналитики и сохраните изменения.
- Проверьте, установлен ли код аналитики на страницах сайта. Это можно сделать вручную в режиме просмотра кода страницы. Также вы можете проверить статус отслеживания в меню Google Analytics «Администратор – Код отслеживания – Код отслеживания». Обратите внимание, Google Analytics требуется несколько часов, чтобы обновить статус отслеживания.
Теперь вы можете отслеживать эффективность сайта в интерфейсе аккаунта Google Analytics. Некоторые данные также доступны в меню «Аналитика – Консоль» административной панели WordPress.
Чтобы подключить сайт к «Яндекс.Метрике», войдите в свой кабинет на этом сервисе. Воспользуйтесь меню «Добавить счетчик». Укажите регистрационные данные сайта. На вкладке «Код счетчика» установите флажки напротив позиций «Вебвизор» и «Точный показатель отказов». Снимите галочку напротив поля «Информер».
Установите на сайт и активируйте плагин «Яндекс Метрика». Скопируйте код метрики и вставьте его в соответствующее поле в меню консоли «Настройки – Яндекс Метрика». Сохраните изменения.
Чтобы подключить сайт к сервису «Яндекс.Вебмастер», войдите в личный кабинет данного сервиса и воспользуйтесь меню «Добавить сайт». Укажите URL и нажмите кнопку «Добавить». После этого подтвердите права на ресурс. Выберите один из предложенных способов, например, вставьте мета-тег в код главной страницы.
Для этого откройте меню «Внешний вид – Редактор». Найдите файл «Заголовок». Вставьте код верификации непосредственно перед закрывающим тегом </head>. Обновите файл.
Убедитесь, что код установлен.
В кабинете «Яндекс.Вебмастер» нажмите кнопку «Проверить». Если вы все сделали верно, то увидите сообщение о добавлении сайта в очередь на индексирование.
Шаг № 7: как создавать страницы и записи
Вы хорошо потрудились: настроили сайт на WordPress и подготовили его к публикации контента. Теперь вы можете создавать статические страницы и публиковать контент в блоге.
Как создать статическую страницу
Придерживайтесь такого порядка действий:
- Выберите меню «Страницы – Добавить новую».
- Выберите режим редактирования: визуальный или текст.
- Добавьте название страницы и текст.
- Добавьте изображение. Это можно сделать с помощью меню «Добавить медиафайл». В режиме добавления изображения укажите название файла, подпись и заполните поле «Атрибут alt».
- Укажите title, description и keywords.
- При необходимости с помощью меню Add Schema добавьте микроразметку.
- Укажите атрибуты страницы. Вы можете выбрать родительскую страницу и порядковый номер для создаваемой страницы.
- Если хотите, задайте миниатюру записи.
- Теперь вы можете оценить страницу в режиме предварительного просмотра или сразу опубликовать ее.
После публикации проверьте корректность отображения контента. Если нужно, отредактируйте страницу.
Как создать публикацию
Чтобы добавить запись, выберите меню «Записи – добавить новую». Публикация поста практически не отличается от создания страницы. Обратите внимание на следующие нюансы:
- Большинство шаблонов поддерживает несколько форматов записи.
- Выбирайте подходящую рубрику для публикации. Чтобы создать рубрику, воспользуйтесь соответствующим меню.
- Вы можете добавлять к записям метки. Если вы используете плагин All in One SEO Pack и добавляете к записям ключевые слова, метки можно не указывать.
Приступайте к самому главному
Вы создали и настроили сайт на WordPress и научились публиковать контент. Теперь вас ждет самая тяжелая и ответственная работа. Чтобы сайт был эффективным, вы должны регулярно создавать качественный и полезный для аудитории контент. Возможностей «движка» достаточно для реализации практически любого проекта: от информационного ресурса до интернет-магазина.
Кстати, если у вас есть вопросы, замечания и предложения, связанные с созданием и настройкой сайта, пишите их в комментариях. Также вы можете поделиться опытом работы с CMS WordPress, рассказать о любимых плагинах, отметить достоинства и недостатки самого популярного в мире «движка».
kak-sozdat-sayt-na-wordpress-polnoe-rukovodstvo-dlya-novichkov
texterra.ru
С чего начинать создавать свой сайт на WordPress?
Первым делом конечно в поисковик были забиты запросы вида «как создать блог быстро бесплатно за пару минут и что бы супер-пупер» ну и в этом роде ? После нескольких дней просмотра перебирания сайтов выданных яндексом по запросам, остановился в конце концов на довольно популярном сайте, посвященном теме интернет бизнеса и сайтостроения — ruseller.com Евгения Попова.
Если кому интересно будет, вот ссылка на его видеокурсы (платные) там немало полезной и максимально доступной информации для чайников, но для более продвинутого уровня часть тех курсов, конечно уже устарела. Особенно это касается уроков про создание сайта на WordPress.
В принципе для начала и бесплатных уроков вполне хватает, в сети полно бесплатной информации в свободном доступе, было бы твердое желание все это изучить.
Поэтому мне приходилось рыться на просторах интернета и перелопачивать тонны бесполезной инфы в поисках ценных крупиц знаний.
Несколько недель были посвящены изучению основ. Приходилось изучать все с нуля, что такое хостинг, провайдер, сервер, html, CSS , как это все работает и взаимодействует между собой. Получать те знания о вещах, о которых у меня до этого были весьма поверхностное представление.
Но несмотря на все трудности, интерес и желание добиться успеха подстегивали и в конце концов это привело меня к созданию моего собственного сайта. А путь, через который в свое время сам прошел когда создавал сайт, послужил основанием для написания серии обучающих статей для новичков, которые вы можете прочитать в уроках по Вордпресс.
ruskweb.ru
WordPress – это крупнейшая в мире система управления контентом (CMS), обеспечивающая работу около 25% интернет-ресурсов. Одной из причин, почему он так популярен, является то, что его легко установить и начать использовать, но в нём также много дополнительных настроек. Чтобы начать потребуется всего несколько минут и дальше вы можете самостоятельно обучаться.
Поскольку CMS с открытым исходным кодом, любой может разрабатывать сторонние темы и плагины, которые добавляют новые функции или позволяют вам дополнительно настроить ваш сайт WordPress. Многие из этих дополнений доступны бесплатно, другие – за небольшую плату. Вы также можете разработать свои собственные дополнительные функции, изменив исходный код WordPress. Если вы новичок в WordPress, вам не стоит об этом волноваться, так как в интернете есть тысячи руководств и учебников.
Существует два разных вида установки WordPress. Установки WordPress.com обычно размещаются WordPress на поддомене (например, www.yourdomain.wordpress.com), а установки WordPress.org обычно размещаются на собственном хостинге пользователя на доменное имя (например, www.yourname.com).
Установки WordPress.com имеют ограниченную функциональность, и, хотя они идеально подходят для блогеров и просто веб любителей, они, как правило, не достаточно надёжны для целей бизнеса. Вот почему большинство предпочитает установку WordPress.org.
Преимущества WordPress.org:
- Сайт и все данные на нём принадлежат вам
- Больше возможностей для настройки, чем у WordPress.com
- У вас будет больше доступа к серверу, на котором он размещен
- Возможность устанавливать плагины и темы
- Возможность монетизации сайта за счёт запуска на нём рекламы
- Возможность интеграции вашего сайта на WordPress с другими инструментами, такими как интернет-магазин
Конечно, если вы захотите использовать WordPress.org вместо WordPress.com, то вам понадобится хостинг. Вот здесь мы можем вам пригодиться, хотя вы уже наверно это сами поняли.
ru.000webhost.com
Вам нужен сайт или блог? Вы хотите, чтобы он выглядел современно, но при этом был легок в управлении? Вы не хотите тратить деньги на дизайнеров и программистов? Знакомимся с самым популярным конструктором сайтов – WordPress.
WordPress – система управления контентом (CMS), конструктор сайта, который идеально подходит для создания школьного сайта или персонального блога преподавателя.
А вы знали, что WordPress (Вордпресс) используют такие известные журналы как Forbes, The Wall Street Journal, the New Yorker и многие другие?
Почему именно WordPress? Назовем семь преимуществ Вордпресс перед другими аналогичными конструкторами:
- Бесплатность.
- Гибкость: с помощью дополнительных модулей вы можете «собрать» уникальный сайт под ваши запросы.
- Огромное количество шаблонов (тем), что позволит создать свой, неповторимый внешний вид.
- Развитое сообщество и большой объем информации (в сети) по работе с конструктором.
- Распределение ролей пользователей (можно разделить обязанности по поддержке сайта).
- Не требуется никаких знаний из области программирования.
- Это одна из несложных CMS, доступная для понимания даже новичку.
WordPress бесплатен, но вам нужно будет оплатить хостинг – специальную услугу по предоставлению места на сервере (там, где физически будет находиться ваш проект). Сервер это что-то вроде компьютера, но он устроен немного не так, как наш домашний любимец, да и программы там установлены также специфические. Кроме хостинга потребуется еще доменное имя – адрес вашего сайта в сети интернет. Конечно, можно найти бесплатные хостинг и домен, но это подойдет, скорее, для тренировки, нежели чем для крупного проекта.
Несколько советов по выбору доменного имени:
- Домен должен быть короткий, легко запоминающийся; в то же время он должен быть “профильным”.
- Домен лучше регистрировать на латинице, поэтому избегайте в домене “сложных” звуков, таких как “ж”, “ш”, “щ” и т.д.
Покупать и регистрировать домен и хостинг лучше отдельно! В случае возникновения проблем с хостером спокойно можно уйти к другому, а доменное имя сохранится.
Зарегистрировать домен можно, например, здесь: reg.ru или nic.ru. Средняя цена: 199 руб./год.
Компаний, предоставляющих услуги хостинга довольно много. Посмотрите вот этих известных хостинг-провайдеров: hostland.ru, beget.ru или 1Gb.ru. Средняя цена: 100-150 руб./месяц. Обзор и рейтинг хостеров можно посмотреть здесь.
Если с доменом и хостингом придется немного повозиться, то с установкой сайта никаких проблем возникнуть не должно. Обычно на (нормальных) хостингах имеется автоинсталлятор. Вы заходите в данный раздел, выбираете из списка “WordPress”, записываете email, придумываете логин-пароль – и вуаля! – через пару минут ваш новый сайт установлен.
Логин и пароль запишите! Они вам еще пригодятся для входа в админ-панель вашего сайта.
Тут важно упомянуть, что WordPress состоит из двух частей – фронтенд (Front End) – та часть, что видят пользователи и бэкенд (Back End) или админ-панель – та часть, с которой работает администратор.
Чтобы перейти в админ-панель допишите к вашему сайту /wp-admin.
Получиться так: названиевашегосайта.ru/wp-admin
Пример: www.eduneo.ru/wp-admin
На этой странице записываем логин-пароль, которые указывали при регистрации и вы попадаете в пульт управления вашим блогом/сайтом. Обратите внимание, что консоль Вордпресс может быть свернута или развернута (управляется специальной кнопкой внизу).
Разберемся с основными компонентами WordPress:
- Посты (записи) – относительно короткие, динамические (часто обновляемые) статьи; основа сайта (блога) – именно такие посты.
- Страницы – статические (редко обновляемые) статьи; «О нас», «Контакты», «Схема проезда» ‒ примеры таких статей.
- Рубрики предназначены для группировки записей.
- Метки (Теги) – еще один инструмент таксономизации, важный для создания перелинковки и связанных записей.
- Виджеты – независимые блоки контента, которые можно разместить в специально предусмотренных областях шаблона.
- Плагины – дополнительные модули, расширяющие базовый функционал WordPress.
После установки WordPress познакомимся с плагинами. Нам понадобиться плагин “Rus to Lat” который транскрибирует кириллицу в латиницу. Считается, что это необходимо для SEO – поисковой оптимизации и создания человекопонятных урлов (ЧПУ или friendly URL).
URL (Uniform Resource Locator) — единообразный локатор (определитель местонахождения) ресурса в интернете. Он является общепринятым стандартом во всемирной паутине и во всех браузерах. Другими словами – это всем знакомая ссылка в адресной строке на источник в интернете: страницу, сайт, запись и пр.
С помощью Rus to Lat ссылки в адресной строке на страницы вашего сайта станут понятными. Вот пример такой ссылки: https://www.eduneo.ru/uchebnyj-krossvord-kak-i-gde-sostavit/
Все догадались как называется статья?
Для установки плагина выбираем вкладку “Плагины” (левое меню), “Добавить новый”. Мы можем воспользоваться поиском, чтобы найти и установить плагин, либо загрузить его с нашего компьютера. Первый способ предпочтительнее. После установки плагина активируем его (или сразу или на странице плагинов).
Для настройки “Rus to Lat” переходим в “Настройки”(левое меню), “Постоянные ссылки” и выбираем “Название записи”.
Теперь мы готовы к добавлению записей и страниц. Что добавить пост (запись) выберите на консоли пункт “Записи” – “Добавить новую”. Или перейдите на страницу «Все записи» и там нажмите кнопку “Добавить новую”.
Создание записи мало чем отличается от работы в офисных приложениях: записываем заголовок и набираем текст. Также можно вставить уже набранный текст из вашего текстового редактора.
При вставке лучше использовать команду “Вставить как обычный текст” – так мы сможем избавиться от навязчивых стилей Word и использовать стиль текста, предлагаемый выбранной темой. Это поможет добиться единообразия и красоты на сайте (все тексты будут использовать определенный шрифт).
Если запись большая используйте кнопку Вставить тег “далее” – он отделяет анонс на главной странице от основного тела записи. Чтобы добавить изображение нажмите кнопку “Вставить медиафайл” и выберите вкладку “Загрузить файлы”. После загрузки справа в настройках отображения файла выберите выравнивание слева, размер и нажмите “Вставить в запись”.
К записи можно добавить главное изображение. Оно будет отображаться в начале записи и на главной странице сайта. В правой колонке админ-панели зайдите в раздел “Изображение записи” и выберите “Задать изображение”. Загрузите необходимую картинку.
Далее записываем метки, указываем (или добавляем новую) рубрику. Обратите внимание, что рубрику “Без рубрики” (Uncategorized) удалить нельзя – просто игнорируйте ее.
Запомните! Рубрики позволяют группировать записи. Рубрик должно быть существенно меньше чем записей, по сути, это крупные разделы вашего сайта. Поэтому не плодите их в большом числе.
Например, на сайте EduNeo.ru всего 6 рубрик: методика преподавания; технологии; мотивация и самообразование; свежие записи; психология для преподавателей и summary.
Для публикации записи на всеобщее обозрение нажмите “Опубликовать”(правое меню, верхний угол) – наша первая запись опубликована!
Внимание! Кнопка “Сохранить” просто сохраняет ваши записи. “Просмотреть” позволяет посмотреть как будет выглядеть ваша запись перед публикацией. И только кнопка “Опубликовать” делает вашу запись доступной для пользователей.
Аналогичным образом мы можем опубликовать страницу. “Рубрики” и “Метки” находятся в пункте меню “Записи”.
Вкратце рассмотрим остальные параметры админ-панели.
Вкладка “Консоль” содержит быстрый доступ к основным параметрам сайта, а также показывает информацию об обновлении WordPress и плагинов. Вордперсс обновляется автоматически – просто нажмите соответствующую кнопку.
“Медиафайлы” предназначены для управления изображениями.
С помощью вкладки “Внешний вид” мы можем устанавливать новые темы (шаблоны), а также управлять виджетами. О том как это делать, мы поговорим в следующий раз.
Вкладка “Пользователи” содержит информацию о зарегистрированных пользователях. В частности, вы можете здесь изменить свой профиль (email, пароль и т.д.).
“Инструменты” не содержат важной информации – можете игнорировать это пункт меню.
В меню “Настройка” содержится много важных параметров сайта. Во вкладке “Общие настройки” вы можете изменить название и описание вашего сайта, а также изменить параметры регистрации новых пользователей.
“Написание” не содержит значимой информации, эту вкладку можно игнорировать.
С помощью “Чтения” мы можем изменить отображение главной страницы (записи или закрепленная страница). Вид главной страницы определяется целями сайта и особенностями шаблона WordPress.
“Обсуждение” управляет действиями с комментариями. Это достаточно нетривиальная тема, она связана с защитой от спам-ботов и требует отдельного рассмотрения. К сожалению, штатные средства Вордпресс плохо справляются со спамом.
Во вкладке “Медиафайлы” мы можем задавать размеры изображений для миниатюр, среднего и крупного размера.
В следующих статьях мы рассмотрим новые аспекты создания сайта с помощью WordPress.
www.eduneo.ru