Всем привет, сегодня решился написать большую статью на тему «сайт визитка на вордпресс«. Основная цель: рассмотреть вариант самостоятельного создания сайта визитки с ноля и на базе готовых шаблонов.
Навигация по странице:
- что такое сайт визитка
- расходы на сайт визитку
- платные шаблоны wordpress
- бесплатные шаблоны wordpress
- пошаговая инструкция — свой шаблон WP
Что такое сайт визитка
Сайт визитка – к менюэто небольшой сайт, который имеет от одной до десятка страниц о компании, частном лице, объекте, товаре, услуге и тому подобное. Как правило, в сайте визитке обязательно присутствуют контакты, адрес (если такой есть), форма обратной связи, а также актуальная информация о компании, услугах и так далее.
Иногда, сайт визитки делают для продвижения и продажи программного продукта. На вид это как обычная сайт визитка, но с возможностью оплатить и забрать программный продукт.
Разновидностью сайта визитки есть одностраничник landing page. Более подробно читайте об этом здесь: wordpress лендинг пейдж
Также, последнее время, начал появляться симбиоз сайта визитки и лендинга. Довольно красивый вариант сайта, когда главная — это типичный лендинг, а внутряки для более детального описания информации.
Расходы на сайт визитка wordpress
к менюЕсли вы решили полностью самостоятельно сделать сайт визитка на wordpress это не значит что он обойдется вам абсолютно бесплатно. В любом случае вам нужно приобрести:
- Доменное имя.
- Хостинг.
Более подробно о том как выбрать хостинг для wordpress описано по ссылке.
В случае создания сайта на базе шаблона, вам может потребоваться его русификация.
Для создания сайта с ноля нужно приобрести готовую верстку или же заказать создание PSD макета, а также верстки с этого макета.
Подробнее о ценах на сайт визитку можно узнать вот здесь: https://help-wp.ru/ceny/
Варианты самостоятельного создания сайта визитки на WordPress
Какой вариант создания сайта визитки выбрать решать конечно вам, на мой взгляд, на базе готовой верстки это один из самых выгодных предложений, в плане цена/качество.
Выбираем шаблон для сайта визитки wordpress
к менюОдним из самых простых способов создания сайт визитки на wordpress — есть создание на базе готового шаблона. В сети интернет их очень много, они есть платные и бесплатные. Выбрать актуальный шаблон под себя довольно сложно, но все таки возможно. Ниже я представлю список шаблонов для сайт визитки на вордпрес.
Стоить отметить тот факт, что шаблон wordpress визитка обычно заточен под определенную тематику сайта (хотя никто не мешает малость его переделать), но существуют универсальные шаблоны.
Платные шаблоны wordpress для сайта визитки
Meris Themeк меню
Divergent — Personal Vcard Resume
Очаровательный шаблон для сайта визитки на WordPress. К сожалению на скинах нельзя передать красочный эффект смены страниц. Этот шаблон можно считать симбиозом лендинг пейдж и сайта визитки. Главная — как лендинг, а внутряки как у обычной визитки. Пару слов о теме:
- отличный адаптивный дизайн
- эффектная смена главной и внутряков
- выпадающие блоки
- встроенный функционал для карты, резюме, портфолио
Посмотреть и купить тему можно по ссылке: Получить ссылку на (Divergent)
Цена: $44
Можно купит саму верстку за $13.2
На этом по платным шаблонам Вордпрес все, их очень много и описывать все нет смысла. Далее выложу и опишу парочку бесплатных тем для WP.
Бесплатные шаблоны wordpress для сайта визитки
Customizrк меню
Journal Lite
С виду, это самый дешевый простой шаблон , но если копнуть глубже и хорошенько посмотреть, то можно увидеть что фон меняется очень легко, аналогично можно поправить блоки под себя. Сайт визитка на wordpress с этим шаблоном будет выглядеть дешево и сердито. Подойдет тем, кто ищет простое бесплатное решение по созданию сайта. К плюсам этого шаблона можно отнести:
- адаптивность под мобильные устройства (кстати довольно неплохая);
- наличие множества стилей для: таблиц, списков, инпутов, кнопок, хтмл кода, цитат и так далее;
- русский язык (тема русифицированная);
- возможность обновится до платной про версии и получить более широкий функционал.
Лично мне этот шаблон сильно понравился, даже решил скачать его себе, чтоб не потерялся, и предлагать клиентам в качестве самой дешевой альтернативы.
Ниже, нажимая на кнопки в переключателе, вы можете посмотреть шаблон в режиме демо, скачать его или перейти на сайт создателя темы:
Очень достойная тема для того, чтоб создать простую, недорогую, функциональную сайт визитку вордпресс.
Для себя, отнес этот бесплатный шаблон в разряд заготовок для создания самых бюджетных сайтов: дешевая wordpress сайт визитка.
Khnum
Figero
Бесплатный шаблон для сайта визитки на wordpress.
- тема не адаптивная
- имеет несколько блоков для статичной информации
Ссылка на тему: Получить ссылку на (Figero)
Сайт визитка на wordpress самостоятельно
к менюВ этом разделе я хочу рассказать вам как можно легко и просто создать свой шаблон для сайта визитки на вордпрес. Учтите тот факт, что у вас должна быть готовая верстка. Процесс ее создания я описывать не буду. Как вариант можно приобрести качественную адаптивную верстку от платной темы или скачать ее пиратскую версию (не рекомендую это делать, так как этим вы нарушаете авторское право).
И так, предположим у вас есть готовая верстка, что нужно делать дальше?
help-wp.ru
Как создать уникальный шаблон для wordpress-начинаем
Ниже приведу список действий как создать уникальный шаблон для wordpress своими руками и бесплатно.
- Сменить картинки.
- Изменить название шаблона.
- Сделать мелкие правки в стилях.
Начнём разбор каждого пункта по порядку.
Меняем картинки
Самый простой момент, разберу на примере шаблона twenty eleven. Заменяем стоковые изображения на свои переделанные. Надо менять в шапке, подвале, фон и остальные мелкие.
Но особого решения я вывести не могу, в моём шаблоне минимум картинок (а те что есть громадные). В общем, надо большинство изображений заменить на свои. Давайте разберу два элемента, которые заменяются:
- Первый через саму админку.
- Второй через код.
Если принцип поймёте, то вам большой респект.
Через саму административную панель
В современных темах есть хорошая функция настроек через сам вордпресс, почему бы ими не воспользоваться? Заходим в административную панель блога, внешний вид и настроить.
Если тема сделана для людей, то глобальные настройки дизайна будут здесь, а с мелочами разберёмся ниже. В разделе покау на примере Twenty eleven.
- Общие цвета темы. Настройки основных элементов (заголовков, надписей и тому подобного).
- Изображение заголовка, то есть в шапке.
- Фоновое изображение. Присутствует не на всех темах, можно настроить как картинкой, так и просто цветом.
На этом этапе вот что у меня получилось. Едем дальше.
Меняем картинки вручную
Предположим картинка какого-то элемента в шаблоне вас не устраивает, и вам хочется её поменять. Что же делать? Будем разбираться. Для примера я возьму вывод картинки количества комментаторов.

Система действует для всех тем.
Нажимаем правой кнопкой мыши на элементе и ищем его вывод в коде, с помощью инструмента «просмотреть код».
- Сам элемент, нажимаем на нём правой кнопкой мыши.
- Выбираем пункт «просмотреть код».
- Это сам код вывод HTML, на него внимания не обращаем.
- Вот тот заветный адрес, куда надо идти с заменой. Искомый файл bubble.png, находящийся в папке images в самой теме.
То есть надо создать такой же файл, с таким же названием и заменить его. Я надеюсь вы знаете как пользоваться файловыми менеджерами типа FileZilla. Я захотел сделать картинку, выводящую количество комментариев звездой с обводкой. Сделал ее в фотошопе, и сохранил как картинку с названием bubble и расширением png.
Сделано, я открыл файлзиллу, и зашёл в активную тему twenty eleven в папку images (которую узнали выше). и простым перетаскиванием нового изображения вставляем в папку, с заменой. Все подробности на скриншоте.

Если все сделано хорошо, то новая картинка отобразиться на сайте, вот снимок.
Как понимаете, то таким методом можно сменить любую картинку, если нет настроек в административной панели.
Изменяем название шаблона
Менять можно только на бесплатных темах, это важно.
Есть два пункта и их надо сделать:
- Переделываем название в файле style.css
- Меняем название папки с темой.
Переделываем названия в style.css
Для этого заходим в редактор (напоминаю внешний вид-редактор), и находим style.css.
На cкрине видим надпись, тут все надо изменить. В начале любого файла style.css в самом начале содержится информация о шаблоне. Её и надо изменить как минимум на эти строки.
Theme Name: moi-shablon Description: Standard version 1.0 Author: lifanow Walentin Author URI: https://wpsovet.ru Tags: light. License: GPL
Должно получиться так, после замены.
Вы прописывайте свои данные, мои не берите, потому что шаблон делаем уникальным. Смените как минимум имя, автора и сайт.
Разобрались, переходим к следующему пункту.
Меняем название папки с темой
Делаем через файловый менеджер, у меня Filezilla. В предыдущем пункте меняли имя темы в строчке:
Theme Name: moi-shablon
Надо оригинальное имя twentyeleven изменить на новое, в моём случае, moi-shablon. Идём в FileZilla папку themes, и находим исходное название twentyeleven.
И меняем его на новое.

wpsovet.ru
Бизнесмены осознают важность своего присутствия в интернете, поэтому обычно в качестве площадки используют лендинг, визитку, интернет-магазин или блог. Но мысли о создании сайта приводят к дилемме: платить веб-разработчикам дорого, а сделать собственными силами сложно. По этим причинам начинающие предприниматели и фрилансеры откладывают создание сайта-визитки до лучших времен. А мы предлагаем прямо сейчас заняться разработкой своего ресурса с помощью подробной пошаговой инструкции. В качестве платформы мы выбрали бесплатную систему WordPress.
Почему WordPress?
WordPress — одна из самых востребованных CMS (систем управления контентом). Отлично подходит практически для любых типов сайтов: блогов, лендингов, визиток, новостных порталов, интернет-магазинов. Распространяется по бесплатной лицензии и постоянно обновляется. В открытом доступе можно найти тысячи шаблонов, плагинов, дополнений для WordPress. Этот движок прост в установке и использовании, не требует специальных технических знаний.
Для создания сайта на WordPress необходимо оплатить лишь стоимость домена и хостинга — разброс цен у разных хостеров, регистраторов доменных имён и их посредников довольно большой, но в целом, это несущественные затраты.
Итак, начнём!
Шаг 1. Выбираем доменное имя
Начнем создание сайта на WordPress с поиска доменного имени! Придумать имя своему сайту непросто. Большинство коротких и запоминающихся доменов заняты. Чтобы проверить имя на доступность для регистрации, можно воспользоваться специальным онлайн-сервисом.
Общие рекомендации по выбору доменного имени:
- Выбирайте имя, максимально совпадающее с названием проекта.
- Рекомендуется короткое, запоминающееся имя, без точек, тире, подчеркиваний и сложных сочетаний букв.
- Подробно изучите историю использования доменного имени (если она есть), чтобы не было негативного сценария для поисковых систем. Лучше покупать ранее не используемый домен.
Шаг 2. Выбираем хостинг-провайдера
Хостинг-провайдер — организация, предоставляющая место для вашего сайта на своем сервере. По сути, хостинг — дом вашего сайта. Есть платные и бесплатные хостинги. Но для сайта-визитки лучше выбрать первый вариант. Тем более стоимость услуги невысокая — в среднем от 100 рублей в месяц.
Существуют специальные сервисы, которые помогают выбрать наиболее подходящего под ваши требования провайдера, собирая отзывы пользователей и технические характеристики. Например такие, как Хостобзор, Пингадмин и пр. Но если у вас нет времени и желания изучать рейтинги хостеров, то можно выбрать один из предложенных нами вариантов: Timeweb, Beget или Sprinthost. Это отечественные провайдеры с хорошими отзывами и высоким рейтингом.
Шаг 3. Регистрируем хостинг и домен
- Регистрируемся на сайте хостинг-провайдера.
- Выбираем тарифный план. Для начала работы лучше отдать предпочтение самому дешевому тарифу, его возможностей будет достаточно для размещения сайта-визитки.
- Заполняем персональную информацию: физическое или юридическое лицо, ФИО, паспортные данные, контакты. Указываем точно все данные, так как на указанную персону будет зарегистрирован домен.
- Пополняем баланс. Это необходимо для оплаты услуг провайдера и дальнейшей регистрации доменного имени.
- Регистрируем домен. Для этого заходим в соответствующий раздел на сайте провайдера. Вводим доменное имя и нажимаем кнопку «Зарегистрировать». С вашего счета снимут соответствующую сумму. Цена зависит от выбранной доменной зоны. Например, в зоне .ru домен будет стоить в среднем 140 рублей в год. Теперь нужно немного подождать, процесс регистрации занимает 2−6 часов.
Шаг 4. Устанавливаем WordPress
Вариант 1. Устанавливаем из личного кабинета на сайте хостинг-провайдера.
У большинства хостеров есть предустановленные CMS. Поэтому заходим в управление приложениями, выбираем из нескольких предложенных движков WordPress и нажимаем кнопку «Установить». Сразу после этого появляются контактные данные для входа на ваш сайт (ссылка, логин, пароль).
Вариант 2. Скачиваем с сайта разработчика и устанавливаем.
Если у выбранного вами провайдера нет предустановленной CMS, то дистрибутив можно скачать с официального сайта WordPress и самостоятельно установить на свой сайт. В этом случае вы создаете базу данных на сервере (в личном кабинете на сайте провайдера), придумываете логин и пароль и приступаете к установке движка.
Поздравляем, ваш сайт на WordPress создан! Приступим к его запуску.
Шаг 5. Настраиваем WordPress и устанавливаем основные плагины
Заходим в панель управления сайта (админку), используя логин и пароль из предыдущего этапа. Находим слева раздел «Настройки» и приступаем к заполнению необходимых полей.
Основные настройки сайта:
- Общие. Самое главное — указать название и краткое описание сайта. Также можно добавить нового пользователя (автора, редактора или администратора), установить часовой пояс, формат даты и времени, выбрать язык сайта.
- Написание. Настраиваем основную рубрику (на сайте-визитке обычно нет рубрик, они актуальны для блогов и новостных порталов), формат записи, публикации статей при помощи электронной почты (например, если нет доступа к админке сайта). Перечисленные настройки можно оставить стандартными. Однако важно прописать сервисы обновления, на которые WordPress автоматически отправляет ссылки на созданные или измененные записи. Для вашего удобства мы составили список некоторых сервисов. Их сотни, но не рекомендуется использовать большое число, чтобы не создавать лишнюю нагрузку на сервер.
- Чтение. Выбрать вариант отображения главной страницы: последние записи или статическая страница. Для сайта-визитки лучше подойдет статическая страница (например, «О компании», «Обо мне»). Сначала её нужно создать. О том, как это сделать, читайте в шаге 7. Остальные настройки можно оставить без изменений.
- Обсуждение. Поскольку для сайта-визитки не нужны комментарии, то оставляем эти настройки без изменений. Затем вы можете убрать форму для комментариев со всех страниц сайта. Для этого переходим в раздел «Страницы/Все страницы», выбираем нужную страницу, наводим на нее курсор и нажимаем на «Свойства». Убираем галочку «Разрешить комментарии» и кликаем на кнопку «Обновить».
- Медиафайлы: изображения, видео- и аудиофайлы. В этом разделе отображаются настройки только для изображений, оставляем их стандартными. Видео- и аудиофайлы рекомендуется загружать на сторонние ресурсы (например, Ютуб), чтобы не тормозить работу сайта.
- Постоянные ссылки. Это URL (ссылка) страниц и публикаций. Рекомендуем выбрать вариант «Название записи». В случае, если на сайте-визитке будет новостной блок или авторские статьи, то лучше выбрать последнюю строку «Произвольно» и заполнить поле, как показано на картинке. Получится такой вид ссылки: имя сайта/название записи.html.
Желательно также загрузить robots.txt — текстовый файл, необходимый для ограничения доступа поисковых систем к определенным данным. Он способствует лучшей поисковой оптимизации. Пример заполнения такого файла можно посмотреть здесь.
Установка плагинов
Плагины — это независимые модули, которые устанавливаются на сайт для расширения его функциональных возможностей и оптимизации. Установить их можно прямо из консоли сайта.
Выбирать нужно только самые необходимые расширения для сайта, чтобы не перегружать базу данных.
Мы составили список основных плагинов, которые непременно пригодятся для начала работы, вне зависимости от специфики сайта.
О том, что ещё можно сделать для внутренней оптимизации написано в статье «Как превратить сайт в конфетку».
Шаг 6. Устанавливаем тему
Для WordPress созданы тысячи бесплатных и платных тем — шаблонов дизайна. Их можно выбрать, используя поиск по темам прямо из консоли вашего сайта.
Другой вариант — скачать тему со специализированных сайтов, используя поисковые системы.
Общие рекомендации по выбору темы для сайта на WordPress:
- Лучше выбирать адаптивные шаблоны. Они позволяют комфортно просматривать сайт с любых стационарных и мобильных устройств.
- Если нет возможности приобрести платный шаблон, то внимательно подходите к выбору бесплатного: прочитайте отзывы пользователей, поэкспериментируйте с установкой различных вариантов тем, чтобы проверить корректность отображения.
- Обязательно проверяйте шаблон на вирусы перед установкой на сайт. После скачивания архива на свой компьютер, можно воспользоваться сервисом онлайн-проверки: Drweb или Virustotal.
Установили? Теперь настроим тему. Для этого в консоли сайта заходим в раздел «Внешний вид», выбираем «Настроить». У каждой темы будет индивидуальный набор настроек. И все они интуитивно понятные. Обычно можно редактировать название и описание сайта, цвета, разметку (положение колонок), загружать изображение заголовка и фона, корректировать меню сайта и добавлять виджеты (функциональные блоки).
Поздравляем, вы завершили базовые настройки и готовы наполнить сайт-визитку контентом. Для этого остался последний шаг — создать статические страницы.
Шаг 7. Создаем страницы сайта
Перейдите во вкладку «Страницы/Создать новую». Добавьте название страницы и описание.
Для добавления картинки к тексту нужно в настройках записи нажать кнопку «Добавить медиафайл» и загрузить нужное изображение.
Загрузите файл и заполните основные атрибуты: название и alt.
Сделайте подобную процедуру для других страниц вашего сайта.
Всё! ?
Поздравляем, вы создали сайт на WordPress! Для этого вам потребовалось несколько часов и небольшие финансовые вложения для оплаты домена и хостинга. Дальше вы можете добавить индивидуальный дизайн, технически оптимизировать и доработать сайт, обратившись к специалистам или самостоятельно, изучив дополнительную информацию. Но всё это можно отложить на потом. У вас уже есть рабочий сайт-визитка.
Желаем успехов в развитии вашего проекта!
www.azconsult.ru
Как создать сайт на 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