Как создать сайт с нуля для новичков

Здравствуйте мои дорогие читатели! Как создать сайт? Вспоминаю, как  создавала свой блог, и не верю, что сделала  это! Знаний то на эту тему было 0! Работы еще очень много, это не прерывный процесс, требующий кучу свободного времени и постоянного саморазвития. Создавая блог, я буквально собирала информацию по крупицам, мне тогда казалось, что прочитанное не понимаю только я, настолько трудно воспринималась информация. Я последовательно укладывала ее в своей голове и до сих пор так происходит. Никто не напишет статью — как создать сайт, подходящую именно вам, в которой понятно каждое слово, где бы вы просто выполняли все по пунктам, а в конце получилось бы то, что вы четко себе представляли. А когда минимальные знания по теме, становится еще сложнее.

   Но, тем не менее, информации очень много, есть интересные и  полезные проекты, разные обучающие курсы, главное выбрать действительно полезный материал. Для меня, например, было сложно выстроить какую-то последовательность действий. Вся информация по созданию сайта, была для меня разрозненна, не понятно было с чего начать и чем закончить, но, а итог вообще трудно было себе представить. В этой статье я составила план, следуя которому у вас все получится! Я люблю планы! Так проще и надежнее – ничего не пропустишь и не забудешь. Следуя этому плану, в конце вы получите свой сайт!

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

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

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

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

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

  1. Анализ выбранной ниши для сайта
  2. Выбор хостинга и домена
  3. Первые настройки сайта
  4. Устанавливаем тему, меняем дизайн сайта
  5. Создание страниц: об авторе, контакты и пункты меню
  6. Добавление картинок, написание статей и создание рубрик
  7. Работа с robots.txt и картой сайта
  8. Устанавливаем фавикон
  9. Установка плагинов необходимых для работы сайта
  10. Наполнение сайта статьями
  11. Внутренняя перелинковка страниц
  12. Юзабилити сайта
  13. Создаем форму подписки на сайт
  14. Устанавливаем счетчик LiveInternet.ru на сайт
  15. 5 направлений работ по SEO при разработке сайта
  16. Title
  17. Метатег description
  18. Гиперссылочный атрибут Nofollow
  19. Оптимальная плотность ключевых слов
  20. 8 составляющих блога, которые не менее важны, чем контент
  21. Программы и сервисы для проверки плагиата
  22. Как использовать чужие фотографии не нарушая авторских прав
  23. Контекстная реклама в Яндекс Директ
  24. Источники трафика: откуда привлекать посетителей на сайт
  25. Что нужно учесть при продвижении сайта
  26. Как быстро продвинуть сайт в поисковых системах
  27. Как заработать на своем сайте?

Skillbox

Анализ выбранной ниши для сайта

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

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

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

Тема для сайта — выбираем интересную

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

А конец один — твои подписчики ушли на более интересную страницу или сайт, и былой «славы» уже не вернуть. Третье – это  лень, пускаешь все на самотек, от эйфории думаешь, что все будет так же ок, начинаешь меньше уделять проекту времени, а подписчиков всегда нужно чем-то удивлять, радовать, держать в тонусе. Как вы будете это делать, если вам не интересно.

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

Секрет

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

Выберите то, что вы знаете и любите

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

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

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

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

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

Как найти свою страсть

   Хорошо, вы согласны следовать за своим увлечением, но как узнать за каким?

Вот несколько вопросов, с которых можно начать:

• Какое у вас хобби?

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

• Какую тему вы сможете обсуждать часами?

• Что вам нравится читать и изучать?

• Если бы вы могли заниматься одним делом всю оставшуюся жизнь независимо от зарплаты, что бы вы выбрали?

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

      Вы написали первые 10 статей, считаете их интересными и хотите продолжить обсуждать эти темы? Тогда, скорее всего, вы — на правильном пути! Теперь у вас есть контент, который можно разместить на своем сайте/странице после оформления и настройки.

Найти рыночную нишу

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

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

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

Самые популярные и востребованные ниши

  • Инвестирование, кредиты, финансы, страхование;
  • Строительство и ремонт;
  • Медицина;
  • Похудение;
  • Путешествия, туризм;
  • Образование;
  • Игры.

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

Доминируй в своей нише

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

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

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

Заключение

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

Выбор хостинга и домена

Skillbox

Выбор хостинга и домена

Выбор хостинга и домена — это ответственный шаг. Для начала нужно понять, что такое хостинг и для чего он нужен. Хостинг – это место где хранятся ваши данные (сайт), которые всегда онлайн. При этом обеспечивается хорошая скорость работы сайта, а это очень важно. Например, представьте комнату где много серверов, на которых за не большие деньги предлагают хранить ваши данные. Сервер может находится где угодно, а у вас постоянный доступ к ним.

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

Выбор хостинга

 Здесь нужно проанализировать несколько пунктов:

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

Совет:

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

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

3. Еще один важный момент – это выбор конструктора (движка) для создания сайтов. Таких конструкторов тоже очень много. Определиться, для начинающего вебмастера, конечно трудно. Здесь многое зависит от ваших задач. Я над этим пунктом долго не думала, выбрала движок WordPress, и вам предлагаю не тратить на это много времени. Это выбор большинства вебмастеров, у движка очень много плюсов и возможностей. И большинство хостингов предлагают создание сайта именно на WordPress.

Выбор домена

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

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

   Совет:

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

А теперь все выше сказанное опишу в виде конкретных шагов:

  1. Переходим по ссылке на хостинг Beget, регистрируемся. Указывайте правильные и достоверные данные. На указанную вами почту придет письмо — подтверждение.
  2. В специальном окне проверяем придуманное название сайта, и если все ок, покупаем доменное имя. Помните, что регистрация домена может занять время, от 2х до 24х часов. Не пугайтесь если вы сразу не смогли увидеть свой сайт. Если вдруг у вас выходит «Ошибка регистрации домена» пишите в службу поддержки, они очень быстро реагируют и помогают исправлять ошибки. Пока идет регистрация доменного имени, не расслабляемся, займитесь например написанием контента на сайт.
  3. Следующий шаг установка движка WordPress . На главной странице хостинга Beget выбираем вкладку «каталог CMS» далее выбираем «WordPress» и устанавливаем конструктор. Дальше хостинг предложит выбрать домен и скопировать базу данных – делаем. Определяем логин, пароль, не забываем записать все данные. Вообще ни чего сложного в этом этапе нет, все происходит интуитивно. Все данные опять же придут на указанную вами почту.

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

Первые настройки сайта

Skillbox

Первые настройки сайта

Первые настройки сайта, с чего начать? Как зайти в панель управления сайтом?

Набираем в адресной строке браузера http://ВАШ САЙТ/wp-admin, дальше мы видим окно WordPress, для ввода данных (логин, пароль). Вводим свои данные и нажимаем войти, видим панель управления. На данном этапе я вам советую «протыкать» все кнопки, посмотреть, что и где находится. Первые настройки сайта — просты, но нужно сделать все правильно и ни чего не упустить.

Нужно привыкнуть, вспомните, как вы в первый раз осваивали, например социальную сеть ВКонтакте. Здесь примерно тоже самое, кликаем не стесняемся. Для кого то все станет понятным через 30 минут, а другим, возможно, нужно будет «переспать» с мыслями о конструкторе. Признаюсь, я тыкала кнопки в WordPress недели две, т.к. на тот момент и ВКонтакте то не особо шарила. Сейчас и вспоминать смешно!

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

Изучаем админ-панель WordPress

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

Основные моменты

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

   Во-первых, в разделе «Записи» можно редактировать текст, сортировать и публиковать записи, удалять (добавлять картинки), добавлять метки, оформлять новые посты, открывать редактор рубрик и тегов (меток), управлять метками и рубриками.

   Во-вторых, во вкладке «Медиафайлы» хранятся файлы, которые вы закачиваете в библиотеку с помощью файлового загрузчика, где можно скачать изображение, видео и аудио файлы. Кроме того, есть возможность загрузить сразу несколько файлов, которые легко размещаются на других ресурсах, так как имеют уникальные URL.

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

   В-четвертых, пункт «Страницы», где можно открыть редактор постов, создать статические страницы (при необходимости), просмотреть все созданные или изменить их, сохранить в черновик незаконченные страницы. Рекомендуется создать на веб-портале страницы «Карта сайта» и «Об авторе», так как пользователи должны знать своего героя в лицо. Но надо отметить, что страницы в разделы не объединяются.

   В-пятых, во вкладке «Комментарии» можно модерировать, управлять всеми комментариями, поступающими на ваш сайт, и редактировать их.

Первые настройки сайта — следующие шаги:

   Следующий пункт — «Внешний вид», который можно настроить. Темы WordPress бывают без колонок, с двумя или одной колонками. От того, какой шаблон вы выберете, зависит очень многое. Фон темы можно настроить. Очень важно, чтобы шаблон был приятен не только вам, но и пользователям вашего сайта. Это в рамках ваших интересов, ведь ваша цель — как можно дольше держать посетителей на веб-площадке, заставить их еще не раз вернуться. Есть возможность редактировать код темы. Только не забудьте сохранить ее копию (резервную).

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

   В разделе «Инструменты» можно скачать XML-файлы, загрузить содержимое из других ваших проектов.

   Во вкладке «Параметры» можно настроить время и дату, способы публикации постов, отображение комментариев, структуру ссылок, установить приватность.

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

Первые настройки сайта в WordPress

   Посмотрите как сайт может меняться. Нажимаем «Настройки» — «Общие» — видим поля для заполнения «Название сайта», «Краткое описание» и т.д. , попробуйте их заполнить и посмотрите что получится. Увидеть изменения можно нажав на название сайта, вверху с лева, там еще нарисован «домик». Не забывайте нажимать на кнопку «Сохранить». Вернуться обратно можно так же нажав на название сайта и выбрать строку «Консоль». Ну и не забывайте про кнопку «Обновить» после каждого изменения.

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

   Далее заходим в «Настройки» — «Постоянные ссылки» — нужно правильно настроить формат ссылок. Мы видим разные варианты формирования ссылок. Нам нужно здесь выбрать — «Название записи» — «Сохранить изменения». Это действие нам дает красивый и понятный формат ссылки, выглядит так: название сайта и название статьи, а дальше будут всякие значки и цифры. Что бы у нас не было разных значков и не понятных иероглифов, нужен плагин Cyr to Lat reloaded, он сделает ссылки «красивыми». 

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

Установка плагина Cyr to Lat reloaded

   Заходим в «Плагины» — в верху видим кнопку «Добавить новый» — нам открывается целый список плагинов. Что бы найти нужный, набираем в строке «Поиск плагинов» — Cyr to Lat reloaded, далее  мы видим нужный нам плагин и нажимаем «Установить», ждем пока установится, после чего нажимаем «Активировать». И снова поздравляю! Вы установили свой первый плагин. Все остальные плагины устанавливаются точно так же.

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

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

   В панели управления есть вкладка «Обновления» нажимая на которую, можно в один клик обновить изменения в WordPress. Раньше я без сомнений нажимала на эту кнопку, до тех пор пока в один прекрасный день не полетел весь сайт. Произошли какие-то изменения, которые повлияли на уже существующие настройки. На устранение поломок ушел целый день. Будьте осторожны с этой кнопкой.

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

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

Устанавливаем тему, меняем дизайн сайта

Skillbox

Устанавливаем тему, меняем дизайн сайта

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

Тема сайта — выбор

   Заходим в панель управления Ворд пресс — http://ВАШ САЙТ/wp-admin, выбираем в меню “Внешний вид» — «Темы» и видим просто не объятное поле с темами. Выбирай — не хочу. Не бойтесь примерять понравившуюся вам тему, потом определившись с дизайном сайта, не нужные установленные темы удалите в один клик. Чтобы установить ту или иную тему нажимаем на кнопку «Активировать» — далее заходим на сайт, нажимаем обновить и смотрим, подходит ли вам выбранная тема. Также не стесняемся и тыкаем по всем кнопкам, смотрим что, где и как устроено.

   Там же в Темах есть поиск, в котором вы можете набрать – «русифицированные» и вам предложат темы только на русском языке. Можно забить «Блог» — тогда в списке будут темы для блогов. Возможно, вы ищите тему для интернет — магазина, также воспользуйтесь поиском.

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

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

Идем дальше..

Создание страниц: об авторе, контакты и пункты меню

Skillbox

Создание страниц: об авторе, контакты и пункты меню

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

Создание страниц — «Об авторе»

   На практике, создание страниц «Об авторе» создаются один раз, и редко меняются, по сравнению с остальным юзабилити сайта. Для создания данных страниц нам понадобятся два плагина: Simple Page Ordering — Простая сортировка страниц (Автор: Jake Goldman, 10 up) и Contact Form 7 (Автор:Takayuki Miyoshi), авторы в данном случае принципиальны.

   Набираем в строке браузера http://ВАШ САЙТ/ wp-admin, заходим, и в панели управления Ворд пресс выбираем вкладку «Страницы» — мы видим пример страницы, его нужно удалить, делаем это одноименной кнопкой «Удалить» эта надпись всегда будет красного цвета. Далее вверху слева есть кнопка «Добавить новую» жмем, и начинаем заполнять необходимой информацией в представленных полях. Далее «Опубликовать» и смотрим, что у нас получилось. Исправляйте, переделывайте столько раз сколько нужно. Таким же способом добавляем остальные страницы, если они вам необходимы.

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

Установка плагина – Simple Page Ordering

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

    Первый плагин Simple Page Ordering  выполняет сортировку страниц т.е. можно будет менять местами страницы в поле меню. Например, в вашем меню первой стала страница «Контакты», а второй « Обо мне» и вы хотите поменять их местами не удаляя то, что уже есть. С помощь плагина вы можете это сделать.

Установка плагина — Contact Form 7

   Второй плагин Contact Form 7 – это форма обратной связи. Возможно не все ей воспользуются, но все же очень полезная вещь. Устанавливаем плагин, далее заходим в сам плагин, выбрав в меню вкладку «Плагины» ищем только что установленный заходим в него. Читаем что написано: «Вставьте этот шорт код на страницу Вашей записи» копируем код, заходим на ту страницу куда хотим установить форму обратной записи. Вставляем код, сохраняем, и смотрим, что получилось.

   Форму можно корректировать, например, убрать лишние для вас строки. Для этого нужно вернуться в плагин и поэкспериментировать с кодом, то убирая символ, то снова возвращая его.  Также там есть стандартные настройки, с которыми легко разобраться. Не бойтесь если вы забудете что то или перепутаете, можно будет удалить «Испорченный плагин» и установить снова.

Как настроить пункты меню

   Чтобы настроить пункты меню, мы заходим «Внешний вид» — «Меню» — и в стоке «Название меню» пишем например – «Здоровье» далее кнопка «Создать меню». Помните, что меню может быть как вверху так и внизу (подвал), с право, слева и т.д. В разных темах, меню выглядит по разному, поэтому на какие точно кнопки нажимать, я уже подсказать не смогу, в одном уверена абсолютно, у вас все получится. Ворд пресс простой конструктор и разобраться в нем точно можно, также не бойтесь нажимать на кнопки и смотреть что вышло.

Идем дальше…

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

Skillbox

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

    А вы знаете – что наполнение сайта должны быть уникальными. Вообще уникально должно быть все,  все что присутствует на сайте — текст, картинки (фото). Помню, я ринулась на фотостоки, но цены меня огорчили, и это стало проблемой, потому как бюджета для создания сайта у меня не было совсем. Хорошо, что в наше время существует великое множество фоторедакторов. Обязательно скачайте себе парочку простых помощников, и будет как говорится — «дело в шляпе».

Наполнение сайта картинками

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

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

Наполнение сайта — рубрики

   Для того что бы добавить рубрики на свой сайт, с ними для начала нужно определиться. Конечно, в процессе работы многое может измениться, но пока публикуем, то что придумали на данный момент. В меню выбираем «Записи» — «Рубрики» —  видим поле, где и будем создавать рубрики в строке «Добавить новую рубрику»- затем нажимаем «Добавить новую» в самом низу экрана и все готово. Также мы видим здесь уже существующую рубрику «БЕЗ рубрики» ее мы не трогаем – это системная запись, ее можно лишь изменить, переименовав. Под названием рубрики есть кнопки «Изменить», «Свойства», «Перейти», выбираем «Изменить» и называем эту рубрику как хотим. Не забудьте сохранять все изменения и просматривать их с другого устройства.

   Что бы поменять рубрики местами нужно зайти в меню «Внешний вид» — «Виджеты» — находим из всего многообразия слово рубрики, жмем и экспериментируем с их внешним видом. Сразу здесь оглядитесь, какие еще инструменты предлагает ваша тема. В этом разделе меню должны быть все виджеты, боковые, нижние и т.д. Виджет – это элемент (окно) позволяющий получить быстрый доступ к тому или иному действию. Например, это может быть форма для поиска по сайту, обратная связь или подписка.

Наполнение сайта — текст

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

   Чтобы добавить новую статью на сайт, нужно в меню выбрать вкладку «Записи» — «Добавить новую». И по старой традиции смотрим, изучаем что, где и как работает. Тут же с право нужно поставить галочку, в какую рубрику вы хотите опубликовать статью.

Наполнение сайта — «Метки»

   В меню «Записи» есть вкладка «Метки». Для чего они нужны, это еще один способ структурировать информацию. Метки расставляются, когда вы публикуете статью, т.е. после публикации под статьей на главной странице, можно увидеть пару надписей, ну допустим, статья про здоровую печень, и вы обозначаете метки: «здоровая печень», «здоровье печени». Многие вебмастера отказываются от этой функции, считая, что так можно запутать поисковики, текст и так заполнен ключами и оптимизирован под запросы, зачем его переспамливать. То же самое можно сказать и про боковые колонки, например с «Последние публикации», «Новые комментарии» и т.д. Зачем дублировать, это все пестрит, мешает и путает поисковики.

Идем дальше…

Работа с robots.txt и картой сайта

Skillbox

Работа с robots.txt и картой сайта

Карта сайта и robots.txt – это файлы, которые связываются с поисковыми системами, и говорят им на какие страницы нужно обратить внимание (индексировать). Все это мы сделаем с помощью плагина Yoast seo  Автор: Team Yoast. Этот плагин лучший по взаимосвязи сайта с поисковиками.

Установка плагина Yoast seo 

   Входим в административную панель сайта, жмем вкладку «Плагины» — «Добавить новый» — в поиске набираем название нашего плагина — Yoast seo  — выбираем нужный из предложенных и жмем «Установить» — «Активировать» — с лево в панели появилась вкладка «SEO» — нажимаем – далее мы видим поле с настройками SEO. Нам доступны разные настройки, нам нужна надпись «XML –карта сайта» — жмем на знак «?» и далее «Посмотреть XML –карту», нам открывается документ в котором наши посты, страницы, рубрики и автор. Так вот нам нужно удалить строку «Автор»  она лишняя. Для этого заходим снова в «SEO» — «Отображение в поисковой выдачи» — и видим кучу вкладок. Выбираем вкладку «Архивы» — далее с верху в низ будут разные настройки, нам нужна «Архивы авторов» по умолчанию она включена, нам нужно ее отключить. Не забудьте сохранить изменения, кнопка синего цвета в самом низу страницы. Готово, можно все проверить, снова посмотрев, как теперь выглядит карта сайта.

Теги

   Там же и тем же способом нам нужно отключить «Теги». Во вкладке «SEO» — «Отображение в поисковой выдачи» — далее вкладка «Таксономии» и выбираем отключить «Метки (post teg)» — «Сохранить изменения», готово.

   Плагину Yoast seo, нужно уделить больше внимания и настроить его исходя из ваших требований к продвижению интернет – проекта. Эта часть работы очень сложная для новичков, я до сих пор до конца не уверена, что сама сделала все правильно. Если вы располагаете бюджетом на создание сайта, то лучше поэтому вопросу обратится к специалистам. Я же изучала и применяла информацию, уже из проверенных источников: блог Александра Борисова.

Как установить на сайт robots.txt

   С помощью robots.txt мы показываем поисковым системам, какие части сайта индексировать, а какие закрыть от индексации. Заходим в админку, выбираем «SEO» — «Инструменты» — далее кликаем на «Редактор файлов» и видим пустое поле, куда нам и нужно поместить файл robots.txt. Ниже я оставила вариант, который стоит на моем сайте. Его предлагал Бошников Юрий, на своем курсе по созданию сайта с нуля. Курс, кстати отличный без преувеличения, а самое интересное, что он бесплатный. Обязательно уделите время и пройдите его, лишним точно не будет.

Один из вариантов robots.txt

User-agent: *

Disallow: /wp-login.php

Disallow: /wp-register.php

Disallow: /xmlrpc.php

Disallow: /wp-admin

Disallow: /shop

Disallow: /?s=

Disallow: /cgi-bin

Disallow: /trackback

Disallow: */trackback

Disallow: */*/trackback

Disallow: */feed

Disallow: */feed/*

Allow: /*?*

Allow: /wp-content/uploads/

Allow: /wp-content/*.js$

Allow: /wp-content/*.css$

Allow: /wp-includes/*.js$

Allow: /wp-includes/*.css$

Allow: /wp-content/themes/*.css

Allow: /wp-content/plugins/*.css

Allow: /wp-content/uploads/*.css

Allow: /wp-content/themes/*.js

Allow: /wp-content/plugins/*.js

Allow: /wp-content/uploads/*.js

Allow: /wp-includes/css/

Allow: /wp-includes/js/

Allow: /wp-includes/images/

Allow: /wp-content/uploads/

Allow: /wp-admin/admin-ajax.php

User-agent: Yandex

Disallow: /wp-login.php

Disallow: /wp-register.php

Disallow: /xmlrpc.php

Disallow: /wp-admin

Disallow: /shop/

Disallow: /?s=

Disallow: /cgi-bin

Disallow: /trackback

Disallow: */trackback

Disallow: */*/trackback

Disallow: */feed

Disallow: */feed/*

Allow: /*?*

Allow: /wp-content/uploads/

Allow: /wp-content/*.js$

Allow: /wp-content/*.css$

Allow: /wp-includes/*.js$

Allow: /wp-includes/*.css$

Allow: /wp-content/themes/*.css

Allow: /wp-content/plugins/*.css

Allow: /wp-content/uploads/*.css

Allow: /wp-content/themes/*.js

Allow: /wp-content/plugins/*.js

Allow: /wp-content/uploads/*.js

Allow: /wp-includes/css/

Allow: /wp-includes/js/

Allow: /wp-includes/images/

Allow: /wp-content/uploads/

Allow: /wp-admin/admin-ajax.php

User-agent: Googlebot-Image

Allow: /wp-content/uploads/

User-agent: YandexImages

Allow: /wp-content/uploads/

Host: olgavpogone.ru

Sitemap: https://olgavpogone.ru/sitemap_index.xml

robots.txt — как установить

   Вот эту  «красоту» копируем и вставляем в пустое поле для robots.txt. Нужно только изменить две последние строчки, указав название своего сайта. В предпоследней строке мы просто меняем название сайта на свое. А в последней строке, нам нужно указать адрес карты сайта. Для этого мы заходим снова в «SEO» — «Общие» — «Возможности» —  «Посмотреть XML –карту» — и в строке браузера копируем адрес, который вставляем в последнюю строку  robots.txt. не забудьте сохранить изменения.

   Еще один момент – в этом файле robots.txt, в последней строке указано https (а не http)  – это расширение протокола для повышения безопасности сайта. Чтобы получить сертификат SSL, нужно обратится к вашему хостингу, на Beget я сделала это бесплатно, но на многих хостингах эта услуга платная.

Идем дальше…

Устанавливаем фавикон

Skillbox

Устанавливаем фавикон

Фавикон – по-английски Favorite ICON – значок для избранного. Это небольшая пиктограмма, которая отображается напротив названия страниц сайта в:

  • поисковой выдаче;
  • закладках браузеров;
  • вкладках веб-обозревателей и т.д.

   Впервые поддержка favicon появилась в интернет-браузере Internet Explorer 5, релиз которого состоялся в 1999 году. Фавикон прижился, и теперь его активно используют почти на всех сайтах.

Зачем сайту фавикон

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

   Быстрый поиск нужной вкладки. Объемы ОЗУ в современных ПК позволяют поддерживать одновременную работу десятков вкладок. И многие пользователи этим пользуются. Но проблема в том, что место на экране ограничено, из-за чего переключатели вкладок сжимаются до минимума, и на них остается виден только favicon. И как раз он позволяет отыскать нужную страницу среди десятков других.

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

Как создать простой фавикон

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

   Другой способ – создать холст большого размера, который возможно легко уменьшить до разрешения 16 на 16. Например, можно сделать 160 на 160 или 1600 на 1600. После того, как на холст будет нанесено изображение, его понадобится уменьшить до размера 16х16. Но очень вероятно, что после сжатия пиктограмма получится не очень красивой. Сохранять такие изображения нужно в формате ico.

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

Как установить фавикон на WordPress

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

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

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

  

Установка плагинов необходимых для работы сайта

Skillbox

Установка плагинов необходимых для работы сайта

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

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

  1. Akismet Anti-Spam – антиспам, проверяет и защищает от спама. Все комментарии попадают во вкладку «Коментарии», от куда вы можете выполнять модерацию. Фильтруете спам, а «нормальные» комментарии публикуете в один клик.
  2. Cyr to Lat reloaded — отвечает за правильную транслитерацию ссылок и файловых имен. Формирует красивые ссылки. Этот плагин мы с вами установили ранее.
  3. AddToAny Share Buttons – помогает организовать кнопки социальных сетей на сайте. Меняет дизайн кнопок (размер, всплывающие и.т.д.)
  4. Content Views – помогает построить список постов в виде сеточного макета.
  5. Display Posts – отображает списки постов, по разным критериям — по дате, времени, алфавиту и т.д.
  6. Easy Google Fonts – меняет шрифты в темах.
  7. Heartbeat Control – снижает нагрузку на сервер.
  8. Jetpack от WordPress.com – анализ сайта и просмотр статистики, защищает сайт от попыток взлома, оптимизирует изображения, новые виджеты и многое другое.
  9. NS Category Widget – продвинутый виджет вывода рубрик. Помогает выводить или не выводить рубрики в виджет.
  10. Post Tiles – плагин для вывода анонсов записей.
  11. Show Hide Author – скрывает автора в публикации.
  12. Webcraftic Cyr to Lat reloaded – замена кириллических символов на латинские.
  13. WP Super Cache – кэширование страниц и снижение нагрузки на сервер.
  14. WT Yandex Metrika – инструмент для оценки и анализа сайта, посещаемость ресурса и поведение посетителей.
  15. Yoast SEO – лучший сео плагин для сайта. Качественное продвижения и поисковой оптимизации.
  16. Broken Link Checker – отслеживает сайт на  наличие битых ссылок и оповещает об этом.
  17. Simple Page Ordering — простая сортировка страниц.
  18. Contact Form 7 — форма обратной связи для посетителей сайта.

Идем дальше…  Наполнение сайта статьями

Skillbox