Как создать сайт самостоятельно: инструкция от А до Я

как создать свой сайтСтоп! Ведь этот сайт о создании логотипов, при чем здесь сайт?

Эта статья “Как создать сайт – инструкция от А до Я” не совсем подходит под тематику нашего блога. Но я заметил, что люди, которые создают лого, часто ищут ответы и на другие вопросы, в том числе о запуске сайта. Поэтому я решил написать эту подробную статью, которая бы помогала новичкам создать свой сайт бесплатно.

Почему вам понравится это руководство по созданию веб-сайта:

  • Оно для начинающих (!). Руководство очень подробное и ему легко следовать, даже если вы не очень разбираетесь в веб-технологиях.
  • Оно современное. Другие руководства могут быть устаревшими или вводящими в заблуждение. Я обновляю свои статьи каждый месяц.
  • Вы можете попросить о помощи. Я предлагаю бесплатную помощь и консультации, если вы оставите свой вопрос в комментариях к этой статье.

Что нужно знать при создании сайта

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

bulding a websiteВозникает вопрос, какими знаниями и навыками необходимо обладать, чтобы создать сайт с нуля? За окном уже 2017+ год и, к счастью, существуют различные платформы и ресурсы, которые позволяют создать свой сайт бесплатно без особых навыков. Не нужно писать тонны строк кода, верстать сайт в Photoshop и т.д. Есть много готовых решений, платформ.

Конечно, все зависит от целей. Если вы хотите создать серьезный ресурс, то, скорее всего, вам нужно уметь программировать и разрабатывать дизайны, но если вам нужен сайт для своего блога, сайт-визитка, небольшой интернет-магазин, то вам будет достаточно готовых “коробочных” решений. Ниже в статье мы еще вернемся к этому вопросу и сделаем обзор популярных платформ для ведения сайта.

7 простых шага как создать сайт:

Процесс создания сайта состоит из несколько этапов:

Выбор платформы (СМS) для создания веб-сайта.
Поиск и заказ домена, хостинга для сайта.
Планирование (структура, дизайн, контент, продвижение).
Установка сайта.
Наполнение контентом.
Оптимизация и продвижение.
Поддержка стабильной работы

Шаг 1. Какую выбрать платформу для своего сайта

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

website creation processЧто я подразумеваю под «платформой»?

Еще в 2004 году большинство сайтов были построены с использованием HTML, CSS и даже Flash. Но их изучение занимало много времени и ими было непросто овладеть.

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

В 2017 году системы управления контентом (CMS), такие как WordPress, сделали создание веб-сайта доступным для всех.

WordPress, Joomla и Drupal Проще говоря, система управления контентом (или платформа для создания веб-сайтов) – это удобная для пользователя программа для создания веб-сайтов и управления собственным контентом, которая избавит вас от необходимости использовать кучу HTML-страниц и т.д.

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

Платформа # 1: WordPress

Я рекомендую вам использовать платформу WordPress, если вы решили создать свой блог. Да, вот так сразу!

wordpress cmsWordPress был впервые выпущен 27 мая 2003 года его создателями Мэттом Малленвегом и Майком Литтлом.

В первую очередь рекомендую из-за простоты использования. Кстати, этот сайт создан на этой платформе:)

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

WordPress – надежная, самая популярная платформа, на которой создано около 25% всех веб-сайтов. Если вы ищете платформу в первую очередь для ведения блога, трудно превзойти WordPress.market share of wordpress

Из-за его массового использования существует огромное сообщество поддержки, а это означает, что если у вас есть вопросы, то у вас не будет проблем с поиском ответов.

Создавать страницы и сообщения в WordPress очень просто, и существует массивная библиотека, содержащая около 40 000 плагинов с открытым исходным кодом, которые вы можете использовать для всего, что угодно.

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

С точки зрения простоты использования, доступных ресурсов и общей гибкости действительно трудно превзойти WordPress. Это очевидный выбор, хотя некоторые люди предпочтут другие платформы.

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

Если вы выбираете WordPress в качестве своей платформы (и это, скорее всего, правильный выбор), перейдите к шагу два.

Платформа # 2: Joomla

Joomla немного сложнее в использовании, чем WordPress, но все еще относительно проста. Как и в WordPress, вы можете создавать сообщения в блогах, редактировать страницы и настраивать параметры веб-сайта.

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

Платформа # 3: Drupal

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

Если вы абсолютно ничего не знаете о веб-разработке, я бы рекомендовал придерживаться WordPress для создания вашего сайта. Он достаточно мощный, чтобы выполнить практически все, и вам не понадобится ломать голову над сложностями Drupal или Joomla. Если вы настроены на разработку сложного веб-инструмента или приложения, вы можете нанять опытного разработчика или компанию.

platformy-dlya-bloga 2017Как видно из графика выше, почти 60% сайтов в Интернете работает на платформе веб-сайта WordPress.

Почему WordPress, а не конструктор сайтов?

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

Но, что более важно:

# 1. Это совершенно бесплатно, со многими плагинами / темами на выбор.

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

# 2. Это удобно для новичков.

Если вы знаете, как использовать Microsoft Word, вы уже знаете, как добавить свой собственный контент. WordPress можно расширить с помощью бесплатных плагинов и таким образом создать практически любой сайт, который вы можете себе представить – от великолепных бизнес страниц до социальных сетей. С помощью «плагинов» вы сможете добавлять контактные формы, формы подписки, галереи изображений и другие блоки для вашего сайта. Довольно просто, да?

# 3. Небольшой или большой сайт? Отлично подходит для обоих.

От базовых блогов до красивых бизнес сайтов и интернет магазинов: WordPress поможет создать практически любой сайт. WordPress используется eBay, Mozilla, Reuters, CNN, Google Ventures и даже NASA. Да, да, NASA, которое запускает ракеты в космос!

# 4. Ваш сайт будет «адаптивным».

Это означает, что он будет работать и на мобильных телефонах, и на планшетах.

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

# 5. Огромная поддержка и сообщество разработчиков, которые могут вам помочь.

С таким количеством людей, использующих платформу (веб-мастеров, блоггеров, разработчиков тем и разработчиков плагинов), легко найти помощь, когда она вам нужна. Кроме того, у WordPress есть много бесплатных ресурсов, доступных на Youtube и их форуме поддержки.
Drupal – это очень мощная платформа, популярная среди веб-разработчиков и опытных программистов, но ей нужно долго обучаться, что делает ее плохим выбором для новичков.

Joomla похожа на WordPress и отлично работает для веб-сайтов, но вам понадобится хотя бы немного технического кодирования, чтобы заставить ее работать так, как вы хотите.

Новичкам я предлагаю придерживаться WordPress.

На шаге 2 я расскажу вам, как выбрать доменное имя и найти место для размещения своего сайта.
На шаге 4 я покажу вам, как установить и настроить свой веб-сайт WordPress. Не волнуйтесь, я проведу вас через этот процесс с множеством изображений в качестве примера.
Если у вас есть какие-либо вопросы / предложения по этому руководству, не стесняйтесь обращаться ко мне. Помните: я здесь, чтобы помочь!

ШАГ 2. Найдите доменное имя и хост.

Чтобы создать свой сайт самому, вам понадобятся две вещи:

  • Имя домена (веб-адрес, например, www.logowiks.com).
  • Хостинг (услуга, которая соединяет ваш сайт с интернетом).

Сама платформа WordPress бесплатна, но доменное имя и хостинг обойдутся вам в районе 170-250 рублей в месяц. Однако, это небольшая сумма, поэтому не особо ударит по вашему кошельку.

how to chose domainВладение собственным доменным именем выглядит гораздо более профессионально, чем наличие вашего сайта на чужом поддомене (например, coffee-shop.nethouse.ru), на сторонней платформе конструкторов сайтов.

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

Как зарегистрировать домен и заказать хостинг?

Есть очень много сервисов по регистрации доменов и заказа хостинга.

Я в основном использовал Reg.ru как веб-хостинг и регистратор доменов для себя и своих проектов.

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

Когда вы получите доменное имя (и хостинг), вы также получите личную электронную почту, например, post@vashsite.ru – это будет более профессионально, чем использовать почту Gmail или Yandex.
Данную почту вы можете указать на сайте для связи. Также советую вам сделать автоматическую пересылку писем из почты сайта на вашу личную почту, чтобы вы всегда были в курсе, что вам кто-то написал.

Сделать это можно в настройках почты на сайте вашего хостинг-провайдера.

Какое доменное имя выбрать?

Если вы создаете сайт для вашего бизнеса, ваше доменное имя должно совпадать с названием вашей компании. Например, ИмяВашейКомпании.ru. Или это может быть сокращение от названия вашей фирмы – вк.ru (в-ваша, к-компания).

Если вы планируете создать сайт для себя, отличным вариантом может быть ВашеИмя.com. Вот реальный пример – http://neilpatel.com/.

Также вы можете использовать ключевые слова из ниши вашего блога в домене сайта.
Например, для блога о логотипах logowiks.com я использовал слово “logo” (с анг. – логотип), что дает подсказку и пользователям, и поисковым системам Google, Яндекс.

Доменная зона (конечная часть веб-адреса) обычно заканчиваются на ru, .ua, .by, .kz,.com, .org или .net, но в последние месяцы появилось огромное количество других вариантов, начиная с .agency и до .pizza.

domain structureМой личный совет – избегайте странных расширений и выбирайте .ru, .com или .org. Хотя .ru, .org и .com часто используются и легко запоминаются, уникальные доменные имена еще не стали очень популярными, поэтому люди могут не найти вас, если вы используете нестандартною доменную зону.

Хотите дополнительные советы по выбору доменного имени?

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

# 1. Это бренд? Например, если вы создадите сайт о поэзии, то best-poetry-website.net – это не лучший выбор: poetryacademy.com или poetryfall.com намного лучше.

# 2. Это незабываемо? Короткие, пробивные и простые имена доменов гораздо легче запомнить. Если ваше доменное имя слишком нечеткое, слишком длинное или написано странным образом, посетители могут его забыть.

# 3. Это броско? Вы хотите, чтобы доменное имя отскакивало от языка, описывало то, что вы (или ваш бизнес) делаете и легко запоминалось? Придумать классное имя может быть немного сложно, так как сейчас в мире насчитывается около 150 миллионов активных доменных имен, но не сдавайтесь.

# 4. Важно, чтобы слово нормально писалось и читалось как на английском, так и на русском языке – Logowiks / Логовикс.

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

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

Как купить домен

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

Зайдите на сайт компании, которая предоставляет услуги регистрации домена (как выбрать компанию смотрите ниже по аналогии выбора хостинговой компании). В поле поиска введите название вашего сайта. После этого выберите доменную зону – ru, net, com, и т.д.
После этого вам нужно будет создать аккаунт и сделать оплату. Как видите – ничего сложного.

Я рекомендую использовать Reg для регистрации домена.

Полезные сервисы для придумывания названия сайта:

– Name Mesh
– Businessnamegenerator.com
– BrandBucket
– Namegen.ru
– Megagenerator.ru/brend/

Как выбрать хостинг для сайта:

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

1. Надежность хостинга

hosting-compressorЭто не столь важно, как раньше, но все равно стоит обратить на это внимание. Хостинговая компания должна обеспечивать 100% времени безотказной работы вашего сайта.

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

Как проверить надежность хостинговой компании?

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

2. Доступность службы поддержки

Selection_358-compressorЕсли у вас возникли проблемы с вашим сайтом, вам понадобится отличная команда поддержки клиентов.

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

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

3. Поддерживает ли хостинговая компания нужные технологии

Selection_359-compressorЭто более важно для работы более сложных с точки зрения использования веб-технологий сайтов, чем для обычных сайтов-одностраничников или блогов. Если вы запускаете блог, то можете перейти к следующему совету.

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

4. Переходите сразу на технологию HTTPS

Selection_360-compressorЭто совет для более продвинутых пользователей.
Если ваш сайт должен работать длительное количество времени – больше 1 года – или вы планируете принимать платежи, я советую использовать https.

HTTPS – это специальный протокол для поддержки шифрования в целях повышения безопасности. Сайты, которые используют https вместо http, более надежны. Google и другие поисковые системы лучше относятся к сайтам, которые используют этот протокол. Плюс, наличие https необходимо для проведения платежей на вашем сайте (требования платежных агрегаторов).

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

Компании, которые предоставляют HTTPS:

P.S
Я, к сожалению, в начале своего пути не знал о важности https, поэтому мой блог пока без него.

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

ШАГ 3. Планирование вашего сайта

При планировании вашего сайта вам необходимо принять ряд важных решений:

• Тип сайта

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

Перед тем, как вы засучите рукава и начнете запускать свой сайт, важно ответить себе на конкретные вопросы:

Какую проблему решает мой сайт?

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

Почему пользователи должны заходить на мой сайт?

Создать сайт – это только половина успеха (да, да, успеха, мы верим, что у вас все получится): важно использовать интересную фишку, чтобы запомниться. Сейчас переизбыток информации, и просто так удивить пользователя не получится. Как это сделать? Это может быть интересная деталь в дизайне сайта, название сайта, стиль автора в написании текстов, интересные иллюстрации к постам и т.д

• Навигация сайта

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

• Контент сайта

Selection_362-compressor (1)Как говорится, «контент – это король». Качество контента (содержимого) вашего сайта будет играть важную роль в его успехе. Контент – это все, что будет на ваших страницах, например, текст, изображения, видео и многое другое. Прежде чем приступать к разработке или созданию страниц, вы должны иметь четкую стратегию для создания контента, который вы захотите разместить на сайте.
Вам нужно будет понять для себя, кто будет писать статьи/контент для сайта?

Есть несколько вариантов:

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

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

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

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

Какие страницы нужно создать на сайте:

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

Selection_364-compressorКонтакты – обязательная страница, которая нужна для связи посетителей и клиентов с автором сайта, службой поддержки компании.

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

Рабочие страницы (архив, карта сайта, условия использования) – страницы, которые выполняют информационную или техническую роль на сайте.

• Картинки для сайта

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

teaser-stock-images-641x400-compressorГде получить картинки для сайта? Есть несколько вариантов:

Использовать фото-стоки

Сайты, на которых собраны тысячи картинок от профессиональных фотографов и любителей. Есть бесплатные картинки для сайта и платные.

Платные: depositphotos.com, istockphoto.com, pixabay.com.
Бесплатные (полуплатные): pexels.com, Unsplash, StockSnap, ISO Republic.

Рисовать картинки для сайта самостоятельно

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

Создавать с помощью онлайн сервисов

Существуют сервисы, которые являются онлайн редакторами и фотостоками. Вы можете найти тематическую картинку, добавить нужный текст, иллюстрацию, а затем скачать ее. Есть картинки бесплатные для скачивания.
Вот самые популярные: canva, pablo.buffer.com, crello.com.

Ну и, конечно, вы можете заказывать картинки у дизайнеров-фрилансеров.

Как использовать картинки на сайте.

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

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

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

• Дизайн сайта

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

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

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

Перед тем, как у вас появится красивый сайт, вам понадобится убийственно классный логотип. Логотип и фавикон (что такое фавикон и зачем он нужен – читайте здесь) делают ваш сайт узнаваемым и добавляют общей привлекательности.

logo-for-websiteК счастью, вам не обязательно быть графическим дизайнером, чтобы получить отличный логотип. Существует ряд сервисов, которые помогут вам создать его всего за несколько минут. Вот список онлайн сервисов по созданию логотипов и фавикона. Также читайте детальную статью о советах при создании логотипа.

Выберите шрифт для сайта

Изучение различных шрифтов и цветов является частью планирования дизайна сайта.
Я бы рекомендовал не использовать более двух разных шрифтов на веб-сайте.

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

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

Советы по выбору шрифта для сайта

Убедитесь в читабельности текста

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

Подбирайте шрифты, соответствующие характеру вашего продукта и бренда

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

Выберите оптимальный размер шрифта

Кажется логичным использовать для заголовков больший размер шрифта, чем для основного текста. Кроме того, конкретных указаний, какой размер шрифта должен быть на сайте – нет. Часто для основного текста размер шрифта 14-17 рх, для заголовков – 30-40 px.

Используйте прописные буквы

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

Попробуйте использовать разные пары шрифтов

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

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

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

Используйте шрифты Google Web Fonts

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

shrift dlia saitaПолезные сайты для подбора шрифтов:

– Font-combinator.com
– Fontstorage.com/ru
– Fonts-online.ru

Цветовая схема для сайта

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

Как и с шрифтами, цветов на сайте не должно быть очень много. Оптимально это 2-4 цвета на сайте. Посмотрите на сайт Facebook, Youtube, Twitter: большинство использует основный цвет и несколько дополнительных.

04-colour-lovers-palettes-preview-optПоэтому для начала выберите основной цвет сайта – это цвет, который будет чаще всего встречаться на сайте – на кнопках, вкладках, заголовки текста, шапка. Если у вас уже есть логотип, вы можете использовать цвета логотипа в дизайне сайта.

Затем подберите ему несколько дополнительных цветов для:

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

Также подбирать цвета можно исходя из вашей тематики. Например, основные цвета для сайта кафе могут быть коричневого оттенка (цвета кофе, молока, печенья). Цвета сайта медицинской тематики – зеленые, красные.

Не нужно изобретать велосипед!

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

Вот список сайтов, где вы можете подобрать цвета:
– Adobe Color CC
– ColourLovers
– Web Colour Data
– ColorHexa
– Coolors

ШАГ 4. Установка и настройка вашего сайта

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

Как создать сайт на wordpress

Существует два возможных способа установки WordPress, один из которых намного проще, чем другой.

1. Установка WordPress в панели управления хостингов:

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

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

Вот шаги, которым вы должны следовать (они похожие/одинаковые для всех основных хостинговых компаний):

1. Войдите в свою учетную запись на сайте хостинговой компании.

1 step wordpress instaling2. Перейдите в панель управления.
3. Найдите значок «WordPress» или «Веб-сайт».

2 step wordpress instaling4. Выберите домен, на котором вы хотите установить свой веб-сайт. Заполните необходимые поля – название сайта (ваш домен), адрес электронной почты. Также вы можете задать логин и пароль, которые вы затем будете использовать для входа на сайт как администратор.
5. Нажмите кнопку «Установить сейчас». После этого нужно будет подождать несколько минут – 5-10 – и вы получите доступ к новому веб-сайту WordPress.
3 step wordpress instaling2. Ручная установка WordPress (при необходимости).

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

Установка WordPress вручную (нажмите, чтобы развернуть):

1) Загрузите последнюю версию WordPress.

ystanovka wordpress_22) Создайте новую папку на рабочем столе вашего компьютера и распакуйте в нее WordPress.

3) Ищите файл с именем wp-config-sample.php и переименуйте его в: wp-config.php

4) Теперь откройте wp-config.php (например, с помощью блокнота) и заполните следующие строки:

Define (‘DB_NAME’, ‘database_name_here’); – Имя базы данных вместо database_name_here
(если вы этого не знаете, спросите об этом из поддержки вашего хостинга).
Define (‘DB_USER’, ‘username_here’); – Ваш логин пользователя хостинга вместо username_here
Define (‘DB_PASSWORD’, ‘password_here’); – Ваш хостинг-пароль вместо password_here.

После заполнения пробелов сохраните файл.

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

filezilla6) Если есть файл с именем «index» в папке сервера, скачайте его на свой ПК (чтобы была копия), а затем удалите с сервера. После этого загрузите все файлы из папки WordPress на ваш FTP-сервер. Вы можете использовать функцию «drag n drop» в FileZilla.

7) По завершении предыдущих шагов перейдите по адресу: yourdomain.com/wp-admin/install.php

Это страница, которую вы должны увидеть:

ystanovka wordpress_1Просто заполните поля, и сайт будет готов!

P.S
Если у хостинг-компании нет установки в один клик, возможно, вы имеете дело с плохой компанией.

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

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

Selection_366-compressorСуществует огромная библиотека бесплатных тем на сайте WordPress, а также темы от сторонних разработчиков.

Как найти нужную тему:

1. Войдите в свою панель инструментов WordPress.

Если вы не знаете, как это сделать, введите: http://вашсайт.ru/wp-admin/ (замените «ваш сайт.ru» своим доменом).

wordpress theme instaling_2Вот как выглядит панель инструментов WordPress.
Если вы чувствуете, что информации слишком много, не переживайте, я покажу вам, куда идти дальше.

2. Поиск бесплатных тем WordPress

wordpress theme instalingКогда вы откроете панель инструментов WordPress, то получите более чем 1500 бесплатных тем! Просто взгляните на боковую панель «Внешний вид», затем нажмите «Темы».

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

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

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

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

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

Обратите внимание, что некоторые темы условно бесплатные. То есть часть функционала по настройке дизайна сайта будет платной. Это нормально. За красивые функциональные и оптимизированные темы можно платить.

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

Также важно обратить внимание, оптимизирована ли тема под SEO (позднее мы об этом поговорим). Для этого также читайте описание темы на сайте разработчика.

3. Установка темы WordPress

После того, как вы нашли понравившуюся вам тему, установить ее очень просто – нажмите «Установить», а затем «Активировать».

ВАЖНО: Изменение тем не удалит ваши предыдущие данные, страницы и контент. Вы можете менять темы так часто, как вы хотите, не беспокоясь о том, что потеряете то, что вы создали.

Шаг 5. Наполнение контентом

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

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

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

Добавление и редактирование страниц.

Хотите создать страницу «Услуги» или «Обо мне», «Обратная связь»?

1. На боковой панели в панели инструментов WordPress кликните «Страницы», а затем «Добавить новое».

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

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

Добавление страниц в меню сайта WordPress

Если вы хотите, чтобы ваша новая страница была привязана к определенному месту на сайте, вам нужно:

1. Создать страницу (см. пункт выше).
2. Нажмите «Внешний вид» -> «Меню» на боковой панели WordPress.

menu creation_13. Найдите созданную страницу и добавьте ее в список, установив флажок рядом с ней, а затем «Добавить в меню».

menu creationТаким образом вы можете создавать разные меню с разными страницами.

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

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

1. Зайдите «Внешний вид» -> «Виджеты».

Selection_340-compressor2. В зависимости от того, с какой стороны сайта должна отображаться страница (или страницы), добавьте в Main siadebar или Secondary sidebar виджет “Текст” или ранее созданное вами меню с нужной страничкой.

Selection_342-compressor3. Добавьте код ссылки страницы у виджет “Текст.

Selection_341-compressor4. Сохраните.
Теперь ваша страница будет отображаться в левом или правом сайдбаре, в зависимости от того, куда вы добавили виджет “Текст” – Main siadebar или Secondary sidebar.

Добавление и редактирование записей блога

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

Selection_343-compressorЗапись – это статья, пост, новость, одним словом – любая текстовая и графическая информация (картинки, видео, документы)

Перед тем как создавать записи, вам нужно определиться, под какими категориями они будут опубликованы. Например, наш блог – это категории:

– Логотипы:
– Статьи
– Видео
– Инфографики
– Вдохновение
– и т.д

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

И так, вот что вам нужно сделать:

А. Создайте новую категорию, перейдя в раздел “Записи” -> “Рубрики”. После этого присвойте нужную категорию нужной записи. Это можно сделать сразу при создании записи.

ИЛИ

Б. Создайте запись в блоге, перейдя в раздел «Записи -> “Добавить новую». Когда вы закончите со статьей, вам нужно добавить для нее подходящую категорию и при необходимости метку.

creating categoryВ дальнейшем вы можете управлять размещением записей на сайте, управляя категориями этих записей. Например, вы можете выводить категорию статей “Статьи” на главной странице сайта, а категорию “Сервисы” в другом месте сайта или странице. Вот, посмотрите пример того, как отображаются категории различных статей на сайте infogra.ru

Изменение заголовков и описаний страницы сайта

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

Вы должны использовать уникальный заголовок для каждой страницы вашего сайта. Например, заголовок главной страницы моего сайта – «Logowiks – Блог о том, как создать логотип».
Слова в заголовке “как создать логотип” помогают Google понять, о чем мой сайт, то есть о создании логотипов.

Selection_347-compressorDescription предназначен для создания краткого описания страницы. Его содержимое может использоваться поисковыми системами для формирования сниппета – небольшой текст ниже заголовка страницы.

Данный текст важен как для поисковых систем, так и для пользователей.

Чтобы изменить заголовок и описание на своем веб-сайте, нажмите редактировать запись или страницу.
Для главной страницы перейдите в «Настройки -> Общие» и заполните форму ниже.

meta description for websiteОтключение комментариев для страниц WordPress

Некоторые веб-сайты (в основном бизнес организации) не хотят, чтобы их посетители могли комментировать их страницы.

Вот как закрыть комментарии на страницах WordPress:

1. Когда вы создаете страницу, нажмите «Параметры экрана» в верхнем правом углу.
2. Щелкните поле «Обсуждение». Внизу появится окно «Разрешить комментарии».
3. Отключите «Разрешить комментарии».

Хотите отключить комментарии на каждой новой странице по умолчанию?

Перейдите в «Настройки -> Обсуждения» и отмените «Разрешить пользователям оставлять комментарии к новым статьям».

otkluckit komentary na sayteТакже на этой странице вы можете задать другие настройки комментирования вашего сайта.

Как сделать нужную страницу главной страницей.

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

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

Чтобы настроить статическую страницу:

1. Перейдите в раздел «Настройки -> Чтение»
2. Выберите страницу, которую вы создали как главную.

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

Редактирование боковой панели.

Большинство тем WordPress имеют боковую панель с правой и/или левой стороны.

Если вы хотите избавиться от боковой панели или отредактировать элементы, вам нужно:
1. Перейдите в «Внешний вид -> Виджеты» в панели инструментов WordPress.
Виджет – это блок, который выполняет определенную функцию на сайте. Есть виджет календаря, отображение последних записей, виджет отображения комментариев, и т.д

2. Здесь вы можете просто перетащить нужные виджеты, чтобы добавить разные «боксы» на свою боковую панель или удалить ненужные виджеты.

Также есть поле «HTML» – текстовое поле, в котором вы можете вставить любой HTML-код. Например, код для отображения вашей группы Вконтакте или код рекламного баннера.

Установка плагинов, чтобы получить больше от WordPress

А что такое плагин?

«Плагин» – это мини приложение, которое создано для расширения возможностей WordPress, добавления характеристик и функций на ваш сайт.
Как установить новый плагин?

Чтобы начать установку плагинов, перейдите в раздел «Плагины -> Добавить новый» и просто начните поиск. Например, вы можете ввести “контактная форма” или “галерея”. Имейте ввиду, что существует более 25 000 различных бесплатных плагинов. У вас огромный выбор!

Selection_350-compressorУстановка проста: как только вы найдете плагин, который вам нравится, просто нажмите «Установить».

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

1) Контактная форма (Contact form 7)

contact-from-7-compressor

Вы можете создать страницу “Контакты” и добавить контактную форму на эту страницу. Через эту форму посетители смогут написать вам сообщение на вашу почту.

 

 

2) Yoast SEO для WordPress

yoast-plugin-for-seo-compressor

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

 

3) Google Analytics

google-analitics-compressor

 

Хотите отслеживать посетителей/трафик? Просто установите плагин, подключите его к своей учетной записи Google и готово.

 

 

Конечно, это только верхушка айсберга! Есть огромное количество полезных плагинов. Вот например, лучшие плагины WordPress – ТОП30!

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

Как добавить логотип и фавикон на сайт WordPress

Сделать это очень просто! Большинство тем на WordPress поддерживает опцию загрузки логотипа и фавикона в настройках темы.

Чтобы загрузить логотип и фавикон на сайт, вам нужно:

1. Зайти в консоль управления сайта.
2. Перейдите в раздел “Внешний вид – Настроить”

Selection_355-compressor3. Найдите опцию “Добавить логотип”. Загрузите ваш логотип на сайт. Лучше всего загружать логотип с прозрачным фоном в формате PNG.

logo and favicon for websiteАналогично загрузите фавикон сайта.

ШАГ 6. Оптимизация и продвижение

После запуска важно не расслабляться и потратить еще немного времени на его оптимизацию и продвижение.

Оптимизация сайта под мобильные устройства

В 2017 году каждый сайт должен быть адаптирован под мобильные устройства. Это факт. Статистика использования мобильных веб-сайтов показывает, что интернет пользователи теперь тратят больше времени на серфинг в Интернете на мобильных устройствах, чем на компьютерах. Selection_371-compressorGoogle даже недавно объявил, что их алгоритм будет отдавать предпочтение в результатах поиска сайтам, адаптированнымм под мобильные устройства. Вывод ясен: в будущем нет места для сайтов, которые не добавляют мобильную версию.
Когда вы настраиваете свой сайт для мобильных устройств, обратите пристальное внимание на читаемость, навигацию и размер изображения.
Но если вы используете WordPress, то ваш сайт, скорее всего, уже адаптирован под мобильные.
Selection_372-compressorВот несколько сервисов, которые помогут проверить, насколько ваш сайт адаптирован под мобильные устройства:
– Google Mobile Friendly
– Mobile Checker от W3C
– Responsinator
– Adaptivator

Оптимизация скорости работы сайта

Чтобы сайт работал быстро, важно оптимизировать скорость загрузки страниц.
Статистика говорит, что 57% посетителей покидают страницу, которая грузится более 3-х секунд.

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

– Pingdom
– Google PageSpeed insights
– WebPageTest

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

cdn for websiteВот несколько направлений для увеличения скорости работы сайта:

Уменьшите размер страниц сайта – не используйте несжатые картинки на странице. Также включите опцию сжатия данных протокола HTTP. Чтобы оценить полученный эффект, воспользуйтесь этим сервисом. Как это сделать, читайте здесь.

Упростите код JavaScript и CSS – оптимизированный код страницы будет обрабатываться браузером быстрее. Повторюсь, что конкретные указание для оптимизации можно получить, используя такие сервисы как Google PageSpeed insights.

Используйте CDN (сети доставки контента) – технология CDN позволяет доставлять контент по максимальному короткому пути от сервера до пользователей. Это особенно актуально, если у вас есть пользователи с разных стран мира. Здесь вы сможете найти обзор бесплатных CDN.

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

SEO оптимизация сайта – это комплекс работ для улучшения видимости сайта в поисковой выдаче. Другими словами, SEO оптимизация поможет вашему сайту занять верхние строчки в результате выдачи Google, Яндекс. Если пользователь будет вводить запрос, который связан с тематикой вашего сайта, статьями, то ваш сайт будет отображаться выше других, и таким образом вы будете получать больше посетителей на сайт.

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

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

• Анализ ключевых слов

Поставьте себя на место вашего потенциального посетителя сайта. Что они будут искать в Google и что приведет их на ваш сайт? Ключевые слова, которые они будут использовать – это те, которые будут определять вашу стратегию SEO. Решите на ранних стадиях, какие ключевые слова вы будете использовать при написании статей, заголовков и мета описаний к статьям.
Чтобы собрать ключевые слова для сайта, используйте сервисы Яндекс.Вордстат и Google Keyword planner, Ahrefs.com.

• Оптимизация текста сайта

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

link-co-citationsНастоящий трюк заключается в том, чтобы найти и интегрировать ваши ключевые слова в текстовое содержимое вашего сайта без ущерба качеству контента. Поисковые системы умны и, если они “подумают”, что ваши тексты сильно похожи на рекламу, они представят вам поисковые санкции или будут плохо ранжировать в поиске.

• Метатеги

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

• Alt Text

Поисковые системы не могут читать изображения (пока!), но это не означает, что изображения бесполезны для SEO. Каждое изображение, которое вы загружаете на свой сайт, должно иметь добавленный к нему «Alt Text». Эта очень короткая строка объясняет поисковым системам, что именно изображение изображает, что в свою очередь позволяет вашим изображениям «найтись» в результатах поиска.

Ниже приведены дополнительные рекомендации по использованию метатегов.

• Ссылки на ваш сайт

Одним из самых важных факторов, который влияет на ваши позиции в поиске Google и Яндекс, является ссылочный профиль-сайт. Когда другие сайты упоминают ваш сайт в своих статьях, рейтинг вашего сайта в глазах поисковых систем растет. Чем больше ссылок с авторитетных ресурсов вы получаете, тем больше шансов получить больше поискового трафика.
anchor-linksВот подробный список способов получения ссылок на ваш сайт, а вот здесь вы можете узнать, как правильно получать ссылки, чтобы не попасть под санкции поисковых систем.

Имейте ввиду, что SEO – это долгосрочный процесс, который не заканчивается после запуска вашего веб-сайта. Вам нужно будет продолжать совершенствовать его, пока вы идете вперед, чтобы получить постоянные результаты.

• Установите Google Analytics, Яндек.Метрику

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

Добавьте сайт в Google webmaster tool и Яндекс.Вебмастер

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

Полезные сайты для поисковой оптимизации.

Шаг 7. Поддержка стабильной работы

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

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

Когда пользователи оставляют комментарии и когда они положительные – это очень приятно!

disqus commentsМы рекомендуем установить плагин Disqus для работы с комментариями. Это популярная платформа, и большинство современных сайтов ее использует. Пользователи, которые имеют аккаунт Disqus, без труда смогут оставлять свои отзывы у вас на сайте, а вы с легкостью их модерировать.

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

Оплачивайте хостинг и домен вовремя

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

Регулярно добавляйте контент

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

cxL8pNg-compressorКонечно, возникают моменты, когда вы просто перегораете, и блоггинг перестает быть таким же интересным, как и раньше. В таком случае просто возьмите паузу, подумайте, что можно изменить (например, нанять студента, чтобы публиковал ваши статьи вместо вас) и продолжайте работать:)
Если вы выполнили действия, описанные в этом руководстве, у вас уже должен быть полнофункциональный веб-сайт WordPress! Это было легко, не так ли?
Маленькая новость: запуск сайта – это только начало:) Впереди у вас работа по развитию и продвижению сайта, но это еще интереснее!

Есть вопрос – задавайте в комментариях!

Читайте также

Как создать сайт самостоятельно: инструкция от А до Я обновлено: 23 октября, 2019 автором: admin