Пишем сайт: Создание веб-сайта. Курс молодого бойца / Хабр

Django с нуля. Создаем первое приложение: простой многопользовательский блог

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

Обзор проекта

Мы создадим многопользовательский блог для клуба любителей задач Python Bytes. Вместе со стандартным пакетом Django будем использовать модули django-crispy-forms и Pillow. Реализуем всю функциональность, необходимую для:

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

Готовое приложение

Установка Django

Установим Django в виртуальное окружение с помощью менеджера pipenv:

C:\Users\User>d:
D:\>mkdir Django
D:\>cd django
D:\>mkdir .venv
D:\django>pipenv install django

    

Размер пакета – чуть менее 9 Мб. Команда pipenv install django установит Django самой последней версии. Если нужна одна из предыдущих версий, следует явно указать ее номер: pipenv install django==3.2

Виртуальное окружение активируют командой pipenv shell, после чего перед названием директории появляется (.venv).

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

Создание проекта

Для автоматической генерации структуры и управляющих скриптов проекта выполняют команду: django-admin startproject my_site .

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

После создания проекта можно запустить сервер python manage.py runserver и открыть страницу в браузере:

Django успешно установлен

При этом в терминале наверняка появится сообщение вроде этого:

You have 18 unapplied migration(s).  Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions. 
    

Пока что ничего с ним делать не нужно.

Первый этап разработки

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

Создание приложения, представлений и маршрутов

Чтобы создать папку и базовую структуру для будущего приложения, выполните python manage.py startapp blog. Название приложения не должно совпадать с названием папки проекта, иначе возникнет ошибка:

CommandError: '%app%' conflicts with the name of an existing Python module and cannot be used as an app name. Please try another name. 
    

То есть если вы назвали папку проекта

my_site, приложение должно называться по-другому – например, blog. Чтобы посмотреть структуру проекта с вложенными в него приложениями, выполните tree.

Теперь открываем файл blog\view.py. Здесь располагаются функции представления, которые обеспечивают функционирование логики приложения. В файле уже есть одна строка from django.shortcuts import render. Добавим обработку https запросов и функции представления для страниц Главная и Наш клуб. В итоге содержимое должно выглядеть так:

from django.shortcuts import render
from django.http import HttpResponse
def home(request):
	return HttpResponse('<h2>Главная</h2>')
 
def about(request):
	return HttpResponse('<h2>Наш клуб</h2>')

    

Это тестовый код, в дальнейшем мы его изменим.

Теперь в папке blog создадим файл urls.py, чтобы приложение могло сопоставить маршруты и страницы. Добавим туда код:

from django.urls import path
from . import views
urlpatterns = [
	path('', views.home, name='blog-home'),
	path('about/', views.about, name='about-club'),
]

    

После этого откройте файл urls.py, который находится в папке проекта my_site и добавьте в импорт include, а в urlpatterns – путь к ссылкам приложения blog:

from django.contrib import admin
from django.urls import path, include
 
urlpatterns = [
	path('admin/', admin.site.urls),
	path('', include('blog.urls')),
]

    

Строка path('', include('blog.urls')) делает страницу блога домашней (главной). Если же блог является лишь одним из разделов портала, следует явно указывать маршрут к нему:

path('blog', include('blog. urls')).

Запустим сервер python manage.py runserver и откроем адреса http://localhost:8000/ и http://localhost:8000/about/ – все работает: на домашней странице выводится надпись Главная, на странице about.html – название нашего клуба.

Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека питониста»

Интересно, перейти к каналу

Шаблоны в Джанго

Чтобы страницы выглядели интереснее, чем простые надписи на белом фоне, нужно подключить шаблоны. По умолчанию Джанго будет искать шаблоны в папке templates директории blog. Создадим templates, a внутри нее поддиректорию с тем же названием, что и приложение –

blog. Это стандартная практика: так Django понимает, что шаблоны относятся именно к приложению blog. Внутри папки templates\blog создайте три файла base.html, home. html и about.html. Сохраните в них код, который нужно взять здесь: base.html; home.html; about.html.

На одном уровне с templates создайте папку static, а внутри нее еще одну одноименную с приложением поддиректорию blog – в ней будeт размещаться css-файл main.css, который переопределяет стили Bootstrap. Подробный процесс создания шаблонов выходит за рамки этого туториала. На этом этапе достаточно знать, что шаблоны в Джанго состоят из комбинации html, css, JavaScript, логики и переменных, которые заключаются в фигурные скобки {% %} и {{ }} соответственно.

Рассмотрим несколько примеров.

Шаблон home.html начинается с {% extends "blog/base.html" %} – потому что основным шаблоном является base.html: в нем подключены стили, скрипты и шрифты. Чтобы не повторять этот код многократно, используется наследование, и шаблон home. html расширяет base.html, используя весь его код.

Блоки контента (шаблон может получать контент из других шаблонов) заключаются в скобки с процентным символом {% %}:

{% block content %}
{% endblock %}

    

В отличие от Python, шаблонизатор Django нуждается в четком указании на окончание цикла:

{% for post in posts %}
{% endfor %}

    

То же самое касается условий:

{% if object.author == user %}
{% endif %}

    

Условия и циклы, как и в Python, можно комбинировать:

      	{% if messages %}
        	{% for message in messages %}
          	<div>
            	{{ message }}
              </div>
        	{% endfor %}
      	{% endif %}
    

Шаблонизатор использует свою систему фильтров данных по самым разным критериям; фильтр объявляется символом |:

{{ post. date_posted|date:"F d, Y" }}
    

Переменные, которые Django получает из функций, классов или файлов конфигурации, вводятся в шаблон при помощи двойных фигурных скобок:

{{ post.author }}
{{ title }}
{{ object.author }}

    

Логика шаблонизатора Django напоминает Python, но все же отличается от него. Для создания шаблона не нужно обладать всеми навыками фронтендера – всегда можно воспользоваться готовым Bootstrap шаблоном. Достаточно знать, как вставлять в готовые html-шаблоны логику и переменные, и как происходит наследование шаблонов и включение фрагментов контента из одного шаблона в другие. Наш шаблон основан на Bootstrap 4: ссылка на соответствующую версию подключается в head.

Базовая настройка конфигурации

Теперь займемся конфигурацией. Откройте файл blog\apps.py и скопируйте оттуда название класса BlogConfig. Это название нужно вставить в файл settings.py нашего проекта my_site, как показано ниже:

INSTALLED_APPS = [
	'blog.apps.BlogConfig',
	'django.contrib.admin',
	'django.contrib.auth',
	'django.contrib.contenttypes',
	'django.contrib.sessions',
	'django.contrib.messages',
	'django.contrib.staticfiles',
]

    

Откройте blog\views.py. Добавим тестовый контент и обработку шаблонов:

from django.shortcuts import render
posts = [
	{
    	'author': 'Администратор',
    	'title': 'Это первый пост',
    	'content': 'Содержание первого поста.',
    	'date_posted': '12 мая, 2022'
	},
	{
    	'author': 'Пользователь',
    	'title': 'Это второй пост',
    	'content': 'Подробное содержание второго поста.',
    	'date_posted': '13 мая, 2022'
	}
]
 
def home(request):
	context = {
    	'posts': posts
	}
	return render(request, 'blog/home.html', context)
 
def about(request):
	return render(request, 'blog/about. html', {'title': 'О клубе Python Bytes'})

    

Шаблон home.html уже содержит ссылки на переменные, перечисленные в списке словарей posts. Запустим сервер и оценим работу шаблонов home.html и about.html. Напоминаем, что весь код для этого этапа можно взять здесь.

Вывод тестового контента

Подведем промежуточные итоги

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

***

Материалы по теме

• 🐍 Самый полный видеокурс по Django от установки до проекта
• 🐍 10 лучших материалов для изучения Django
  
• 🔩 Полный фуллстек: пишем сайт на Django, Vue и GraphQL
  

Как мы пишем тексты для seo продвижения сайта и высокой конверсии

01

Конвертировать посетителей сайта в покупателей (тексты «для людей»)

02

Поднять сайт в поисковых системах
(тексты «для роботов»)

агентства предлагают
SEO тексты, которые

Несут мало смысла
и трудно читаются

Доступны по цене
и отвечают требованиям
поисковых систем

Чтобы написать
качественный текст

Который понравится и роботам, и людям, нам нужно:

01

Задействовать специалиста, который знаком с вашей тематикой

02

Поставить высокие требования к качеству текста (грамотность, структура, стиль)

03

Учесть ваши пожелания, если они есть

При этом мы не забываем о SEO оптимизации и максимально органично вплетаем нужные ключевые слова

Пример

Обычный SEO текст

Увеличить

Наш текст

Увеличить

Рассчитать стоимость продвижения

Отзывы клиентов

• www. sunmed.ru

  Медицинские товары

  Мы благодарны компании «Эврика» за профессиональный подход

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

  Читать полностью

• www.seniorgroup.ru

  Сеть пансионов для пожилых

  Группа компаний Senior Group благодарит

  рекламное агентство «Эврика» за ведение эффективных рекламных кампаний в Google Adwords, Яндекс.Директ и социальных сетях, а также ведение интернет-сайта www.seniorgroup.ru.

  Читать полностью

• novinsky18.ru

  Спортивная одежда премиум-класса

  Сотрудничаем с 2012 года

  К февралю 2013 более 70% запросов было в ТОП-10. Совместная работа в 2013 году привела к значительному росту посещаемости. В декабре 2014 года сайт посетило 48 000 человек. Благодарны компании «Эврика» за оперативное внесение необходимых изменений и профессиональные консультации. Рекомендуем компанию «Эврика» как надежного и интересного партнера.

  Читать полностью

• www.gormed.su

  Многопрофильная клиника

  Результатами мы довольны

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

  Читать полностью

• zamkitut.ru

  Магазин фурнитуры

  Вложения полностью окупаются

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

  Читать полностью

20
апреля
2023

ИИ в интернет-маркетинге: кому пора искать другую работу?

Что умеет искусственный интеллект и сможет ли он лишить работы маркетологов?

7
марта
2023

Как долго ждать результатов от SEO

Как долго ждать окупаемости SEO-продвижения: подробно о процессах и сроках

9
февраля
2023

3 главных правила SEO-продвижения сайтов услуг

Основные принципы SEO-продвижения сайтов услуг любого формата

16
декабря
2022

10 способов подготовить сайт к Новому году

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

Оставьте заявку

Ваше имя

Электронная почта

Телефон *

Нажимая на кнопку Отправить, я даю согласие на обработку персональных данных

Четырехшаговое руководство по написанию веб-контента для веб-сайта вашего бизнеса

Итак, вы начали свой бизнес и, более того, сохранили его.

Все отлично. Вы работаете на своих условиях. У вас есть клиенты, и их становится все больше…

Но не могли бы вы сделать больше? Не могли бы вы увеличить количество потенциальных клиентов, чтобы вам не приходилось постоянно смазывать это скрипучее колесо?

Да, можно. Ты можешь.

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

Легко.

Вам нужен контент, встроенный в ваш маркетинг. ?

Контент делает все:

• Укрепляет доверие клиентов
• Укрепляет ваш авторитет в вашей нише
• Позволяет найти вас через поиск Google
• Воспитывайте свою аудиторию

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

Хорошо звучит?

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

Но сначала давайте коснемся вопроса «почему» — почему сейчас контент-маркетинг работает лучше, чем когда-либо? ?

Почему веб-контент работает сейчас лучше, чем когда-либо

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

Почему?

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

В наши дни потребители сообразительны:

• Они исследуют свои покупки, потому что хотят знать, «стоит ли» их выбор того.
• Они читают отзывы и следуют рекомендациям друзей и влиятельных лиц.
• Они покупают у брендов, которым доверяют. (Согласно исследованию покупательских привычек, проведенному компанией Raydiant, клиенты с большей вероятностью оставят физические предприятия, не представленные в Интернете, в пользу онлайн-заменителей, ЕСЛИ они не чувствуют лояльности к физическому бизнесу. 48,7% заявили, что они заменили продукты, которые они ранее приобретали в магазинах. физические магазины с онлайн-альтернациями.)

• Они ищут информацию практически обо всем, что появляется в течение дня. (У вас есть триггерный палец Google? Вы ищете в Интернете вопросы практически по любой теме? Ваши клиенты тоже. С начала пандемии в 2020 году поисковые запросы Google превысили 6 миллиардов в день.)

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

Как начать привлекать больше потенциальных клиентов в фоновом режиме, чтобы вам не приходилось так активно заниматься маркетингом? Легкий. Вам нужен контент, встроенный в ваш маркетинг. ? Подробнее о силе контента + 4 шага к написанию веб-контента: Click To Tweet

4 ключевых шага к написанию отличного веб-контента для вашего бизнеса

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

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

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

(И вот что самое важное в подготовке: собственно написание будет намного проще. ✨)

Шаг 1. Постановка целей написания веб-контента

Прежде всего: что вы надеетесь получить? отказаться от написания и публикации веб-контента?

Для тех из вас, кто только знакомится с контент-маркетингом, этот шаг, определяющий ваши цели в отношении контента, является контент-стратегией 101. (Нужно быстро разобраться в контент-стратегии? Пройдите мой 6-недельный информационный курс по контент-стратегии и маркетингу. )

Что вы надеетесь получить? Хотите…

• Больше веб-трафика?
• Повышение узнаваемости бренда?
• Больше зацепок?
• Больше взаимодействия с клиентами?
• Повышение лояльности к вашему бренду?

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

Шаг 2. Рассмотрите свою аудиторию

Снова и снова и снова вопрос, который вы должны задавать себе перед написанием веб-контента для кого вы пишете?

Вы НЕ пишете контент для себя. Вы не пишете для своего бренда или клиентов.

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

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

Они люди, и потребности и желания людей растут и меняются вместе с ними.

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

• Какие у них есть вопросы по вашему предмету/темам?
• Каковы их уникальные проблемы?
• Какие решения вы можете предложить?

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

Нет времени на исследования или написание веб-контента? Мы можем сделать каждый шаг для вас. Наймите нашу команду сегодня.

Шаг 3: Поисковая оптимизация (для читателей, затем Google)

Итак, вы знаете свою аудиторию. (Если вы этого не сделаете, вернитесь к шагу № 2 и проясните это. Без этих знаний вы не сможете двигаться вперед. )

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

Почему? Когда мы говорим о цифровом контенте, SEO имеет большое значение.

Она превосходит платную рекламу с точки зрения веб-трафика, доверия и авторитета, а также лидогенерации.

Это апеллирует к нашему счастливому веку Google, когда все вводят вопросы в поле поиска.

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

Проведите исследование ключевых слов, тем и конкурентов

Не пытайтесь просто угадать, что ваши читатели хотят прочитать. Проведите исследование.

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

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

Шаг 4. Структурирование и форматирование контента для Интернета

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

Это все об оптимизации для удобства использования — для вашей аудитории и поисковых систем.

Веб-контент должен отличаться, скажем, от физического контента, такого как книги, эссе и научные статьи.

Вы должны структурировать свой контент для экранов и низкой концентрации внимания людей за ними.

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

• Пустое пространство. При написании веб-контента абзацы должны быть КОРОТКИМИ для максимальной удобочитаемости. ? Стремитесь к трем предложениям или меньше в абзаце.
• Оптимизируйте свой контент — все. Это включает в себя то, как вы включаете изображения, ссылки, призывы к действию, метаинформацию и многое другое. Вот окончательное руководство о том, как оптимизировать сообщения в блоге в WordPress.

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

4️⃣ ключевые этапы написания веб-контента: 1) Поставьте цели. ? 2) Учитывайте свою аудиторию. ?‍♀️ 3) Поисковая оптимизация. ✅ 4) Структурируйте и отформатируйте свой контент для Интернета. ? Подробнее о блоге Write: Нажмите, чтобы твитнуть

Последний шаг: напишите отличный веб-контент

После того, как вы выполнили 4 вышеуказанных шага, вы готовы писать.

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

Нет времени заниматься своими руками?

Давайте возьмемся за тяжелую работу. ?

Наша команда хорошо разбирается в написании отличного веб-контента. Доверьте создание контента нам.

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

Вы когда-нибудь останавливались и думали о том, почему так важен хороший контент веб-сайта?

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

Но на что следует обращать внимание при написании контента для своего веб-сайта?

Вот несколько ключевых моментов, о которых следует помнить: 

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

1. Определите свою целевую аудиторию

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

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

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

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

Используйте такие инструменты, как Google Analytics, для анализа типов посетителей, которые проводят время на вашем веб-сайте, и более глубокого изучения демографических данных этих посетителей. Задавайте такие вопросы, как: 

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

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

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

2. Обсудите идеи и проведите исследование ключевых слов

Современное написание контента фокусируется на поисковой оптимизации или SEO для краткости.

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

По сути, ключевые слова — это слова, которые люди пишут в Google, когда что-то ищут.

Вам следует ориентироваться на так называемые длинные ключевые слова, такие как «лучшие суши-рестораны в Сиэтле», а не на короткие ключевые фразы, такие как «суши-рестораны».

Почему?

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

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

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

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

Откроем вам секрет: нет ничего постыдного в копировании с гордостью, если вы не являетесь наглым подражателем.

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

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

Поисковые системы, такие как Google, — отличное место для начала поиска. Обратите внимание на такие вещи, как: 

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

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

4. Учитывайте цели поиска посетителей сайта

Лучшее написание контента веб-сайта предоставляет читателю осязаемую и полезную информацию по обсуждаемой теме.

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

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

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

Например, поиск названия компании или бренда в Google обычно означает, что пользователь уже знает о компании и ее продуктах и ​​просто переходит через Интернет на целевую страницу бренда.

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

И когда пользователь специально ищет, чтобы купить продукт или услугу (часто используя поисковые запросы, такие как «купить», «сделка» и «продажа»), или выполнить какое-либо другое действие (например, подписаться на информационный бюллетень по электронной почте или настроить коммерческий звонок), цель поиска – 9.0015 транзакционный .

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

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

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

5. Напишите текст, привлекая внимание

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

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

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

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

.

«15 необычных, но эффективных способов лучше спать летом»

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

«Исследование летнего сна 2020: пусть наука покажет вам, как добиться хорошего сна»  

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

6. Убедитесь, что ваш веб-контент доступен для просмотра 

Вы закончили писать очень информативную статью — молодец. Но можно ли скиммировать?

Так много вещей борется за внимание ваших читателей, помогите им, упростив свой веб-контент.

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

• Разделите содержимое на разделы. Есть причина, по которой большинство редакторов контента предоставляют вам различные заголовки и стили абзацев (h2, h3, h4 и т. д.) — они делают содержимое вашего веб-сайта более плавным и добавляют структуру веб-страницам.
• Используйте маркеры или упорядоченный список . Выбирайте списки и маркеры вместо длинных абзацев: их намного проще и быстрее просматривать.
• Говорите коротко . Опытный автор веб-контента знает, что чем проще и короче структура вашего предложения, тем легче перейти прямо к делу. И не потерять читателей по пути.

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

7. Упростите выбор слов на страницах вашего веб-сайта

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

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

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

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

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

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

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

8. Лично общайтесь с посетителями вашего сайта

Создание вашего контента всегда должно быть сосредоточено на ваших читателях — так почему бы не поговорить с ними лично?

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

Сравните эти два предложения, например:

«Веб-дизайн становится простым при использовании правильных инструментов».

«Когда вы используете правильные инструменты (например, Zyro), веб-дизайн становится проще, чем вы понимаете».

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

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

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

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

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

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

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

10. Избегайте навязывания при написании контента

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

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

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

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

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

11. Ссылка на другое содержимое веб-сайта и веб-страницы

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

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

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

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

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

Лучшие веб-писатели следят за тем, чтобы их целевые страницы и статьи были хорошо изучены, и при необходимости ссылались на соответствующую справочную информацию.

12. Проверьте содержимое вашего веб-сайта на наличие ошибок 

Хотели бы вы иметь дело с интернет-магазином с целевыми страницами, полными грамматических ошибок и неточностей в ценах?

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

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

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

Используйте такие веб-сайты, как Fiverr и UpWork, чтобы связаться с редакторами-фрилансерами. Стоит искать людей с опытом работы в Интернете и SEO, чтобы они точно знали, на что обращать внимание.

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

13. Создавайте привлекательный контент с визуальными элементами 

Одного только написания контента недостаточно для привлечения трафика на ваш сайт и масштабирования вашего бизнеса.

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

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

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

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

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

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

14. Призывайте читателей к действию 

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

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

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

CTA всегда должен отражать общее сообщение определенного раздела или страницы веб-сайта.

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

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

Положение ваших CTA на ваших страницах почти так же важно, как слова, которые вы используете.

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

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

Не бойтесь проводить A/B-тестирование различных дизайнов страниц и CTA-сообщений, чтобы выяснить, какие из них лучше всего конвертируют ваш веб-трафик в платежеспособных клиентов.

15. Попробуйте написать SEO-контент  

Мы уже несколько раз упоминали о важности качественного контента для успеха SEO.

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

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

Вот несколько советов для начала: 

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

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

Подробнее о поисковой оптимизации : 

• Как привлечь трафик на ваш веб-сайт: 18 умных способов
• Как ускорить работу веб-сайта
• Как оптимизировать изображения для Интернета: комплексное руководство

16. Чаще обновляйте веб-контент

Как и все в Интернете, веб-контент быстро устаревает.

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

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

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

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

Обратите внимание на такие вещи, как: 

• Чем занимаются конкуренты . Может быть, вы написали список в прошлом году и включили 10 примеров, как и все остальные — может быть, статьи с самым высоким рейтингом теперь включают более 20 примеров.
• Ссылки . Особенно, если вы ссылаетесь на внешние веб-сайты в своих статьях, регулярно проверяйте, что ссылки все еще работают. Ничто не вредит вашему SEO больше, чем множество битых ссылок на вашем сайте.
• Изображения . Обновление визуальных элементов в ваших сообщениях в блоге может мгновенно изменить внешний вид произведения.
• Изменено намерение поиска . Иногда цель поиска по ключевому слову или ключевой фразе может меняться со временем. Изначально вы могли иметь в виду, что ваша статья должна быть практическим руководством, но теперь читатели могут искать вдохновляющий контент, а не подробные инструкции.

17. Рассказывать истории 

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

Вы не пишете отчет или эссе — вы пытаетесь создать бренд и рассказать о ценностях, которых придерживаетесь.

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

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

Использование дизайна вашего веб-сайта в ваших усилиях по повествованию также усилит ваше сообщение.

Посмотрите, как голландская яичная компания Crazy About Eggs использует всю первую страницу своего веб-сайта для общения с читателем.

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

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

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

18. Будьте в курсе новейших стратегий и тенденций 

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

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

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

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

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

19. Подойдите к выбору слов творчески  

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

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

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

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

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

20. Помогите читателям ориентироваться

Вот в чем дело: не все найдут ваш контент в одном и том же месте.

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

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

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

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

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

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

21. Расскажите истории своих клиентов

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

Поскольку более 90% людей читают онлайн-отзывы перед покупкой, хорошие слова других клиентов могут далеко продвинуть ваш бренд.

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

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

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

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

Например, мы в Zyro считаем, что успех наших клиентов — это наш успех. Вот почему мы решили поделиться их историями и вдохновить других на воплощение их мечты в реальность.