Как писать сайты


Как написать сайт на html

Приветствую! Если вы ещё не знаете о том, кто я, представлюсь: меня зовут Андрей Зенков. Блог Start-Luck — это способ поделиться с читателями полезной информацией по веб-дизайну. Сегодня хотелось бы поговорить о том, как написать сайт на html. Пошаговая инструкция ответит на вопросы, которые чаще всего возникают у новичков.

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

Рассмотрим программы, которые используются для написания кода.

Устанавливаем ПО

Оптимальный вариант — Notepad. Не знаю, как вам, но мне ещё не удалось найти не уступающий по функционалу аналог. Текстовый редактор поддерживает не один язык программирования и способен открыть более сотни форматов. На этом положительные стороны Ноутпад не заканчиваются:

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

Вот так выглядит интерфейс Notepad:

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

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

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

Создаём свою первую веб-страницу

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

Создание сайта начинается с основных элементов. Рассмотрим каждый из них по отдельности.

DOCTYPE и <html>

Без них ни один браузер не сможет точно распознать веб-страницу и определить её тип. Обратите внимание: в большинстве теги являются парными, поэтому <html> нужно поставить не только в начале, но и в конце кода, «закрыв» его при помощи косой черты — </html>.

<head> и <title>

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

<body>

Всё, что вы видите в данный момент на моём блоге, находится в пределах парного тега. Изображения, текст, ссылки — эти элементы сайта отображаются благодаря <body>, который должен закрываться в конце html-документа.

Наполняем веб-страницу содержимым

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

Вставим в «тело» страницы изображение при помощи тега <img>. Не забудьте предварительно залить картинку на любой хостинг, чтобы получить ссылку:

Укажем в свойствах изображения его ширину и высоту параметрами width и height соответственно:

Нажмите File — Save As… (Файл — Сохранить как). Задаём имя — index — и выпадающем списке «Тип файла» выбираем пункт Hyper Text Markup Language file:

Публикация вашего веб-сайта - Изучите веб-разработку

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

Какие есть варианты?

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

Получение хостинга и доменного имени

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

  • Веб-хостинг - это арендуемое файловое пространство на веб-сервере хостинговой компании. Вы размещаете файлы веб-сайта на веб-сервере. Веб-сервер предоставляет посетителям веб-сайта контент.
  • Доменное имя - это уникальный адрес, по которому люди находят ваш веб-сайт, например http: // www.mozilla.org или http://www.bbc.co.uk . Вы можете арендовать свое доменное имя на сколько угодно лет у регистратора доменов .

Многие профессиональные веб-сайты выходят в Интернет таким образом.

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

Советы по поиску хостинга и доменов
  • MDN не продвигает определенные коммерческие хостинговые компании или регистраторов доменных имен. Чтобы найти хостинговые компании и регистраторов, просто выполните поиск по словам «веб-хостинг» и «доменные имена». Все регистраторы будут иметь возможность проверить, доступно ли желаемое доменное имя.
  • Ваш домашний или офисный интернет-провайдер может предоставить ограниченный хостинг для небольшого веб-сайта. Набор доступных функций будет ограничен, но он может быть идеальным для ваших первых экспериментов.
  • Также доступны бесплатные сервисы, такие как Neocities, Blogger и WordPress. Иногда вы получаете то, за что платите, но иногда этих ресурсов достаточно для ваших первоначальных экспериментов.
  • Многие компании предоставляют хостинг и домены.

С помощью онлайн-инструмента, такого как GitHub или Google App Engine

Некоторые инструменты позволяют опубликовать свой веб-сайт в Интернете:

  • GitHub - это сайт "социального кодирования".Он позволяет загружать репозитории кода для хранения в системе контроля версий Git . После этого вы можете совместно работать над проектами кода, а система по умолчанию имеет открытый исходный код, а это означает, что любой человек в мире может найти ваш код GitHub, использовать его, учиться на нем и улучшать его. GitHub имеет очень полезную функцию под названием GitHub Pages, которая позволяет вам размещать код веб-сайта в реальном времени в Интернете.
  • Google App Engine - это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google - независимо от того, нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт.Посмотрите, как вы размещаете свой веб-сайт на Google App Engine? Чтобы получить больше информации.

Эти опции обычно бесплатны, но вы можете перерасти ограниченный набор функций.

Использование веб-среды IDE, например CodePen

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

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

Публикация через GitHub

Теперь давайте посмотрим, как легко опубликовать свой сайт через GitHub Pages.

  1. Прежде всего, зарегистрируйтесь на GitHub и подтвердите свой адрес электронной почты.
  2. Далее вам нужно создать репозиторий для хранения файлов.
  3. На этой странице в поле Имя репозитория введите имя пользователя .github.io, где имя пользователя - ваше имя пользователя. Например, наш друг Боб Смит ввел бы bobsmith.github.io .
    Установите флажок « Инициализировать этот репозиторий с помощью README» . Затем нажмите Создать репозиторий .
  4. Перетащите содержимое папки вашего веб-сайта в репозиторий. Затем нажмите Принять изменения .

    Примечание : Убедитесь, что ваша папка имеет индекс .html файл.

  5. Перейдите в браузере к имени пользователя .github.io, чтобы увидеть свой веб-сайт в Интернете. Например, для имени пользователя chrisdavidmills перейдите на chrisdavidmills .github.io.

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

Дополнительные сведения см. В справке по страницам GitHub.

Дополнительная литература

В этом модуле

.

7 способов написать более привлекательный и убедительный текст на веб-сайте

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

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

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

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

1. Подчеркните преимущества перед функциями

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

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

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

Давайте посмотрим на разницу между копией, ориентированной на выгоды, и копией, ориентированной на функции.

Функциональное копирование

Снимок экрана ниже был взят с веб-сайта Infinity.

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

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

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

Льготный экземпляр

Снимок экрана ниже взят с веб-сайта Slack.

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

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

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

Как это улучшает ваш сайт копия

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

2. Используйте голос клиента

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

Что такое голос покупателя?

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

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

Что это значит? Давайте взглянем.

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

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

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

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

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

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

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

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

Как это улучшает ваш сайт копия

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

3. Проведение опросов клиентов для определения ценностей бренда

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

Изображение из Lynda.com

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

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

Проведение исследования ценности бренда

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

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

Как бы вы ни решили структурировать свои анкеты, учитывайте следующее:

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

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

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

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

Как видите, пять основных атрибутов респондентов, связанных с WordStream, следующие:

  • Знающий
  • Полезный
  • Образовательный
  • Влиятельная
  • Дружелюбный

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

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

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

  • Творческий
  • Надежный
  • Влиятельная
  • Полезный
  • Дружественные / образовательные

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

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

Как это улучшает ваш сайт копия

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

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

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

TFW, статья Associated Press не соответствует стилю AP.

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

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

Начало работы с внутренним руководством по стилю

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

Голос и тон

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

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

Один из способов думать о нашем голосе - это сравнивать то, что он есть, с тем, чем он не является. Голос MailChimp:

  • Весело, но не глупо
  • Уверенно, но не дерзко
  • Умный, но не скучный
  • Неформально, но не небрежно
  • Полезный, но не властный
  • Опытный, но не властный
  • Странно, но не неприемлемо

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

Как это улучшает ваш сайт копия

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

5. Тестовая копия A / B на ценных страницах

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

Не вся копия создается равной

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

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

  • Вопросы и утверждения в заголовках
  • Длина заголовка
  • Сравнение краткой формы и полной копии
  • Выбор языка и / или слова
  • Точки зрения (то есть от первого лица против третьего)

На самом деле проведение A / B-теста вашей веб-копии во многом похоже на то, как вы проводите сплит-тестирование во всем остальном. Начните с идентификации этих ценных страниц с помощью Google Analytics или аналогичных данных, а затем создайте две версии страницы, каждая со своей уникальной копией.Отправьте примерно 50% вашего общего трафика на контрольную версию страницы (исходную страницу в том виде, в котором она существует сегодня), а вторую половину отправьте на вариант (страницу с новой копией). Дайте тесту достаточно времени, чтобы убедиться, что вы работаете со статистически значимым набором данных, и посмотрите, какая страница конвертируется лучше. Легко, правда? Ну вроде как.

Изображение из VWO.

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

Как это улучшает ваш сайт копия

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

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

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

Что такое намерение пользователя?

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

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

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

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

Как написать веб-копию с намерением пользователя

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

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

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

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

Изображение из SuperX Growth Hackers

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

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

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

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

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

Как это улучшает ваш сайт копия

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

7. Включите статистику, котировки и исходные данные для повышения авторитета вашего сайта

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

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

Пример исходных данных исследования WordStream.

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

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

Опасности чрезмерного доверия к сторонним данным

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

Изображение из Хорхе Чам / доктор философии по комиксам

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

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

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

Как это улучшает ваш сайт копия

Делая ваш бренд более надежным и надежным.

Лучшее копирование, лучшие результаты

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

.

Как написать контент для веб-сайта за 9 шагов

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

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

Быстрые ссылки: как писать контент для веб-сайта?

Готовы начать? Вот так!

Шаг 1. Определите цель содержания веб-сайта

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

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

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

Шаг 2. Изучите аудиторию

Помните: вы пишете для читателей. Люди! Что вы скажете и как вы это скажете, будет зависеть от таких вещей, как:

  • Уровень их знаний. Если вы планируете разговаривать с экспертами в тексте своего веб-сайта, вы будете использовать другой язык, чем если бы вы разговаривали с новичками.
  • Что они действительно хотят знать. Это основа написания эффективного контента веб-сайта, потому что, если вы можете ответить на их вопросы лучше, чем кто-либо другой, у вас будет больше шансов получить их как клиента.
  • Как они попадут на страницу. Понимание того, откуда приходят ваши пользователи или что они могут искать, попадая на вашу страницу, может помочь вам позиционировать свой контент.
  • Их интересы. Знание того, что интересует вашу аудиторию помимо создаваемой целевой страницы, может помочь вам узнать, какие элементы следует добавить в контент вашего сайта, чтобы они могли оставаться на вашем сайте.

Как вы исследуете свою аудиторию?

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

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

Изучение конкурентов также даст важные выводы.

Шаг 3. Изучение конкурирующих веб-сайтов

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

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

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

Как вы исследуете конкурентов?

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

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

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

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

Шаг 4. Спланируйте, как контент сочетается друг с другом на вашем веб-сайте

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

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

Продумать:

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

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

По теме: 3 совета, которые помогут улучшить ваши практические статьи

Шаг 5: Напишите содержимое для каждой страницы

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

Определите цель страницы.

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

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

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

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

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

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

Найдите лучшее ключевое слово для страницы.

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

Как найти лучшее ключевое слово?

Чтобы определить лучшее ключевое слово для вашей страницы, используйте инструмент Alexa's Keyword Difficulty.

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

Сложность ключевого слова Alexa фильтрует действие по ключевой фразе «календарь содержания».

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

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

Исследование популярных и конкурирующих страниц.

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

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

  • Длина содержимого страницы
  • Темы, рассматриваемые на страницах
  • Как они форматируют информацию (списками или абзацами?)

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

Самый популярный контент Твиттера по термину «ювелирные изделия с бриллиантами», обнаруженный с помощью инструмента исследования контента Alexa.

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

Напишите план и соберите ресурсы.

Чтобы написать хороший контент для веб-сайта, начните с наброска.

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

Затем создайте свой первый черновик копии веб-страницы.

Напишите копию страницы.

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

  • Определите свою цель, прежде чем начать. Ранее в этом посте мы говорили об определении цели вашей страницы.Помните об этой цели, когда пишете. Создавайте весь свой контент с целью побудить вашу аудиторию совершить желаемое действие.
  • Используйте перевернутую пирамиду. Это означает предоставление читателю наиболее важной информации в начале и менее важной информации в конце. Стиль перевернутой пирамиды соответствует тому, как люди читают в Интернете.
  • Сосредоточьтесь на преимуществах перед функциями. По мере того, как вы выделяете продукты, услуги, льготы или предложения, показывайте читателю, что это для них выгодно.Вместо того, чтобы перечислять функции, объясните, какую пользу каждая функция приносит читателю. Например, не говорите о системе передач велосипеда; поговорить о способности велосипеда обеспечить плавность хода.
  • Объясните преобразование. Дайте читателю представление о том, как продукт, услуга, поощрение или предложение изменят их ситуацию. Объясните, на что похожа жизнь до и после того, как они начнут действовать, и расскажите читателю, как их жизнь улучшится, когда они сделают следующий шаг.
  • Будьте краткими и ясными. Используйте короткие предложения и фразы. Избегайте сложных формулировок, теряющих читателя, и вырезайте любую ненужную или витиеватую информацию. Говорите только то, что читателю нужно знать.
  • Избегайте модных словечек и жаргона. Не сбивайте с толку и не теряйте читателей, используя терминологию высокого уровня, которую они не понимают. Пишите на том же языке, на котором разговаривают ваши слушатели.
  • Используйте маркеры и форматирование. Помогите читателям найти наиболее важные моменты в вашем тексте, разбив текст на части.Выделите основные моменты, используя маркеры, жирный шрифт, курсив и варианты стилей и размеров шрифтов. Большинство читателей сканируют, поэтому убедитесь, что ключевые моменты выделяются.
  • Говорите напрямую с читателем. Copy более эффективен, когда направлен прямо на вашу аудиторию. Используйте тот же язык, на котором вы бы разговаривали со своим читателем лично. Используйте такие слова, как «вы» и «ваш», и, когда это уместно, включайте такие слова, как «нас» и «мы».
  • Отойти от правил грамматики - если это звучит естественно. Хотя вы не хотите, чтобы ваш текст содержал вопиющие грамматические ошибки, можно отклониться от строгих академических правил письма. Если вам кажется более естественным закончить предложение предлогом или использовать неполное предложение, нарушите правила. Но нарушайте правила только в том случае, если это добавляет ясности и естественности звучанию копии. Не раздвигайте границы настолько, чтобы ваша копия выглядела неряшливо и неряшливо.

Обратите особое внимание на то, как вы завершаете страницу.

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

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

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

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

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

Пересмотрите свой заголовок.

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

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

Заголовки для содержания веб-сайта должны быть:

  • Ясно: Крутые или хитроумные заголовки иногда могут работать для сообщений в блогах или социальных сетях, но избегайте их использования для заголовков целевой страницы.Всегда переходите сразу к делу и четко объясняйте, о чем эта страница.
  • Релевантно: Заголовок должен соответствовать содержанию страницы, призыву к действию и ссылке, которая привела пользователя на страницу. Сопоставьте заголовки с языком призыва к действию, рекламы или продвижения, которые привели аудиторию на страницу. Затем убедитесь, что остальная часть текста и призыв к действию соответствуют основному заголовку страницы.
  • Ориентация на желания: Используйте заголовок как возможность представить действие, которое вы хотите, чтобы пользователи совершили, когда они получили от вашей страницы то, что им нужно.В заголовке укажите основное решение, выгоду или результат, которые принесет действие.

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

Шаг 6: Добавьте не копируемые элементы страницы

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

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

  • Изображения
  • Пуговицы
  • Текстовые вызовы
  • Иконки
  • Белое пространство
  • Gif-анимации
  • Диаграммы и графики
  • Видео
  • Разрывы строк
  • Варианты цвета фона и изображения

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

Шаг 7. Внесите правки

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

На этом этапе вы, вероятно, найдете возможность:

  • Исправьте опечатки
  • Улучшить выбор слабых слов
  • Переписать непонятные разделы
  • Усилить заголовок
  • Ссылка на другой контент на вашем сайте

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

Шаг 8: Оптимизация страницы для SEO

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

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

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

В дополнение к использованию ключевого слова в основной части текста, также используйте его в следующих элементах контента SEO:

  • Заголовок страницы (заголовок, который виден на странице)
  • Как минимум один подзаголовок (копия, отформатированная с h3, h4, h5 и т. Д.)
  • Тег заголовка (заголовок страницы из 50-60 символов, встроенный в код страницы)
  • Метаописание (сводка страницы из 150–160 символов, встроенная в код страницы)
  • Альтернативные теги изображения (текст, который описывает изображение и появляется, если изображение не загружается должным образом)

Ссылка на новую страницу с других страниц вашего сайта.

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

Еще раз проверьте элементы SEO на странице.

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

Введите URL-адрес своей страницы и основное ключевое слово в поисковую оптимизацию страницы.

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

Шаг 9. Запланируйте обновление содержимого позже

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

Рассмотрите возможность A / B-тестирования содержимого целевой страницы на своем веб-сайте.

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

Создавайте версии своей страницы с разными вариациями:

  • Заголовки
  • Подпозиции
  • Призывы к действию
  • Цвет пуговиц
  • Изображения
  • Макеты
  • Характеристики

Затем выполните A / B-тестирование ваших страниц, чтобы увидеть, какие из них больше связаны с пользователями и дают наилучшие результаты.

Дополнительные советы по написанию контента для веб-сайта

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

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

Блог Советы по SEO: Контрольный список для написания SEO-дружественных сообщений

Что такое контент-маркетинг?

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

И, наконец, не забудьте подписаться на бесплатную 14-дневную пробную версию нашего Расширенного плана; он дает вам доступ ко всем упомянутым здесь и многим другим инструментам, которые помогут вам повысить эффективность ваших веб-страниц.

Эта статья была первоначально опубликована 17 мая 2017 г. и обновлена ​​8 октября 2019 г.

.

web - Как написать систему входа на сайт

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании

Загрузка…

  1. Авторизоваться зарегистрироваться
  2. текущее сообщество

    • Переполнение стека Помогите болтать
.

Смотрите также

Поделиться в соц. сетях

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

Оставить комментарий