Com как правильно составить

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

На сайт, фрагмент страницы, почту и соцсети

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

В статье расскажу:

Что такое ссылка и как её создают

Что такое абсолютные и относительные ссылки

Какие бывают типы ссылок

Как сделать гиперссылку в текстовом редакторе

Как оформить ссылку на сайте для правильной индексации

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

Что будет, если неверно оформить ссылку

Что такое ссылка и как её создают

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

Создают ссылки с использованием HTML-кода, который состоит из двух основных частей: 

Якорный текст/анкор (текст привязки) — видимое слово или словосочетание, на которое можно кликнуть. 

URL-адрес (унифицированный указатель ресурсов) — веб-адрес, на который линк перенаправляет пользователя. 

Для создания ссылки в HTML используют тег <a>. Вот пример HTML-кода: 

pic

«Нажмите здесь» — это анкор, а «https://www.example.com» — это URL-адрес. Атрибут «href» указывает URL-адрес, на который ведёт линк

С тегом <a> можно применять и другие атрибуты, чтобы указать дополнительные параметры. Например: 

  • target — указывает, как будет открываться линк (в текущем окне, в новом окне или в новой вкладке браузера); 
  • rel — указывает отношение между текущей страницей и страницей, на которую указывает ссылка;
  • title — добавляет всплывающую подсказку при наведении курсора на ссылку; 
  • download — указывает, что линк ведёт на файл, который можно скачать. 

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

При создании важно убедиться в том, что ссылка релевантна контенту, на который она направляет. Это поможет пользователям и поисковым алгоритмам лучше понять контекст. Кроме того, нужно убедиться, что ссылки не «битые». Неработающие линки могут нанести вред UX и SEO

Инструкция по созданию простой HTML-ссылки с примером

Рассмотрим пример и попробуем создать такую ссылку:

pic

  1. Используйте открывающий <a> , чтобы обозначить гиперссылку. 
  2. Добавьте атрибут href, чтобы указать URL-адрес, на который будет происходить переход по клику. 
  3. Укажите текст ссылки, который увидят пользователи. 
  4. Добавьте закрывающий тег <a>

Символы-мнемоники в виде знаков меньше (<) и больше (>) выполняют роль угловых скобок — такие используются во всех тегах HTML-вёрстки.

Например, вот так можно создать линк на главную страницу Яндекса:

pic

Пользователи увидят на странице текст «Перейти в Яндекс» и когда кликнут на него, то будут перенаправлены на главную страницу Яндекса.

Абсолютные и относительные ссылки

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

Абсолютные ссылки. Содержат полный адрес (URL) веб-страницы, который отображает весь путь до домена, включая протокол (http или https). Пример: 

pic

В этом примере «https://» — это протокол, «www.example.com» — это домен, а «/index.html» — это путь к странице на сервере.

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

Относительные ссылки. Содержат только путь к странице относительно текущей страницы.

Пример:

pic

В этом случае линк указывает на файл «about.html», который находится в том же каталоге, что и текущая страница. 

Также относительная ссылка может указывать путь к страницам, которые находятся в разных каталогах. К примеру, если текущая веб-страница расположена в каталоге «blog», но нужно сослаться на файл «about.html» в родительском каталоге, то конструкция будет выглядеть так:

pic

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

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

Типы ссылок

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

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

Якорные. Применяют для указания на определённый фрагмент на той же странице. Актуальны на длинных страницах — благодаря якорным ссылкам пользователи могут быстро перейти к нужному разделу или теме. 

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

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

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

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

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

Как сделать гиперссылку в текстовом редакторе

При работе в текстовых редакторах — Google Документах, Microsoft Word и подобных — иногда нужно сослаться на какой-то сайт или материал. Здесь можно добавить гиперссылку в виде кликабельного текста, без использования HTML-кода. Вот как это сделать: 

  1. Откройте редактор и в нужном месте введите слово или словосочетание, которое станет анкором. Эта фраза будет видимым кликабельным элементом. 
  2. Выделите анкор. 
  3. Нажмите кнопку «Вставить гиперссылку» на панели инструментов. Эта кнопка обычно выглядит как значок цепочки и/или обозначена как «Гиперссылка». Также команду для вставки можно найти в меню, которые вызывается правым кликом мыши.
  4. В появившемся окне нужно вставить URL в поле «Адрес». Дополнительно можно ввести подсказку, которая будет отображаться при наведении курсора на ссылку. 
  5. После нажатия на «OK» или «Вставить» гиперссылка будет создана. 
  6. Сохраните файл и кликните по ссылке для проверки её работоспособности.

Создание гиперссылки

Создание гиперссылки в Google Документах

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

Как оформить ссылку на сайте для правильной индексации

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

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

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

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

Как сделать dofollow-ссылку

Для создания dofollow-линка нужно в коде указать атрибут rel со значением dofollow

pic

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

Веб-разработчики не всегда указывают атрибут dofollow, поскольку часто он считается значением по умолчанию для ссылок без атрибута rel или со значением rel равным noopener или noreferrer

Как сделать nofollow-ссылку

Чтобы создать nofollow-линк, нужно указать атрибут rel со значением nofollow:

pic

Поисковые роботы не станут переходить на страницу example.com и индексировать её. При этом пользователи могут кликнуть по этой ссылке и перейти на сайт, на который она указывает. 

Nofollow-ссылка

Пример nofollow-ссылки в коде страницы

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

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

На сайт

Чтобы создать качественную ссылку на сайт, соблюдайте следующие рекомендации: 

Указывайте информативный якорный текст. Анкор должен максимально точно описывать назначение ссылки. К примеру, вместо «читать тут» можно написать «узнать больше об услуге». Хороший описательный анкор должен пояснять пользователям, куда приведёт их линк. 

Используйте абсолютные URL-адреса. В атрибуте href указывайте полный абсолютный URL-адрес, в том числе протокол http:// или https://. Это особенно важно при создании линков на внешние ресурсы.

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

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

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

На определённый материал

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

Для создания постоянной ссылки: 

1. Определите уникальный идентификатор для материала. Сделать это можно, добавив атрибут id к нужному элементу в HTML-коде. Пример:

pic

2. Создайте линк на данный материал, используя якорь в качестве фрагмента URL. Учитывайте, что URL должен указывать на страницу, на которой расположен материал. Пример:

pic

Клик по ссылке приведёт к указанному материалу

Если вам нужно сделать постоянный линк на статью с чужого сайта, то можно запросить код у владельца. Местоположение опции постоянной ссылки на статью зависит от конкретной CMS. Чаще всего нужно зайти в режим редактирования статьи и найти поле «URL», «Ссылка», «Постоянная ссылка» или что-то подобное. В WordPress, к примеру, опция называется «Permalink» и находится в разделе «Настройки»→ «Пермалинки» в админпанели.

На определённый фрагмент страницы

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

1. Определите на странице фрагмент, для которого создаёте якорь. Для этого добавьте атрибут id к нужному элементу в HTML-коде. Пример:

pic

2. Добавьте якорь к ссылке, которая будет вести на нужный раздел. Якорь добавляется при помощи символа-решётки #, за которым следует значение атрибута id. Пример: 

pic

Клик приведёт пользователя к нужному фрагменту

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

На email

Для создания ссылки на email необходимо использовать специальный тег mailto. Например, чтобы создать линк на электронную почту «example@gmail.com», нужно написать следующий HTML-код: 

pic

Здесь: 

  • href — атрибут, который определяет линк на ресурс;  
  • mailto — протокол для отправки электронной почты; 
  • example@gmail.com — адрес получателя; 
  • Написать нам — анкор. 

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

На Skype

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

pic

В данном случае: 

  • skype: — это специальный протокол; 
  • имя пользователя — имя пользователя Skype; 
  • ?chat — путь к чату с указанным пользователем. 

При нажатии на ссылку откроется чат с указанным пользователем в приложении Skype. 

На профиль в социальных сетях

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

  1. Откройте страницу профиля в социальной сети. 
  2. Скопируйте адрес страницы из адресной строки браузера.
  3. Вставьте скопированный адрес в атрибут href тега <a> в HTML-коде. 

Получится ссылка вот такого вида: 

pic

Здесь: 

  • href — атрибут, определяющий ссылку на ресурс; 
  • https://www. vk.com — адрес главной страницы соцсети; 
  • имя_пользователя — имя, указанное в ссылке профиля или ID; 
  • Профиль во ВКонтакте — анкор. 

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

Что будет, если неверно оформить ссылку

Неправильное оформление ссылки может спровоцировать несколько проблем: 

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

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

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

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

ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

документ

документ

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.

unisender

Время на прочтение
4 мин

Количество просмотров 7.7K

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

С чего всё началось

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

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

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

Каждый WinAPI интерфейс позволяет сделать минимальное действие, которое может произвести ОС, то есть если программист решит написать приложение, то для его реализации придётся задействовать несколько сотен, а то и тысяч интерфейсов. Отдельно стоит упомянуть, что это далеко не единственный способ, который доступен в ОС для реализации алгоритмов. ОС Windows также предлагает компонентный подход для построения приложений. Это означает, что программист может объединять целые программы вместе, чтобы реализовать выполнение алгоритма. Возможно это за счет использования механизма Component Object Module.

Появление COM не случайно, реализация этого механизма — логичный этап развития. На схеме ниже можно увидеть ретроспективу создания механизмов в ОС Windows:

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

Некоторые полезные определения

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

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

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

DCOM — механизм, который предоставляет возможность работать с объектами COM в рамках локальной сети или Интернета.

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

Примеры и практика

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

Для исследования был выбран вот этот документ. Он представляет собой docx файл, по сути это архив, который содержит некоторое количество файлов с инструкциями, как его рендерить. Заглянем внутрь: в этом формате все данные, которые могут быть добавлены через OLE это файлы, которые расположены в директории «word/embeddings». Заголовок содержимого объекта можно видеть ниже:

Ничего особенно примечательного, такие объекты можно анализировать с использованием набор инструментов oletools.

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

Объект COM — представление зависит от типа предоставляемого функционала, чаще всего в программном обеспечении используется в совокупности с WinAPI CoCreateInstance. Визуально исследовать объекты можно через относительно простой инструмент — COMView. Пример работы инструмента:

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

Как найти объекты COM+? Если в COMView вы обнаружили объект, который имеет интерфейс IUnknown, перед вами COM+ объект. Например:

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


Статья подготовлена Александром Колесниковым в рамках курса «Reverse-Engineering. Professional». Если интересно узнать больше о программе и формате обучения на этом курсе, приходите на день открытых дверей онлайн, на котором вы также сможете познакомиться с преподавателем.

Домен .com является старейшим доменом верхнего уровня. Это наиболее популярная доменная зона в мире.

Сегодня мы поговорим об особенностях этого домена.

Немного истории

Первое доменное имя в истории интернета было зарегистрировано 15 марта 1985 года как раз в доменной зоне .com. Им стал сайт Symbolics.com – ресурс производителя компьютеров и программного обеспечения.

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Преимущества и недостатки доменов .com

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

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

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

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

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

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

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

Регистрация доменов .COM на сайте компании Timeweb

Для регистрации достаточно совершить три простых шага:

  1. Подобрать подходящий свободный домен, после чего добавить его в корзину.
  2. Указать данные о себе и нажать кнопку «Заказать». При этом будет создан ваш персональный аккаунт.
  3. Затем следует оплатить покупку в аккаунте одним их предложенных способов.

Как выбрать имя в зоне .COM

При регистрации имени для сайта рекомендуется обратить внимание на следующие моменты:

  • Доменное имя должно быть по возможности коротким и лаконичным, однако емким по смыслу. Такой домен обеспечит быстрое и легкое запоминание названия сайта представителями вашей целевой аудитории. Подобный URL-адрес пользователи смогут без труда вводить напрямую в адресную строку браузера, минуя поисковые системы.
  • В идеале длина доменного имени должна быть около 6 символов, но, скорее всего, такие имена уже заняты, поэтому ориентируйтесь на длину порядка 10 символов.
  • Чтобы приблизить свой веб-ресурс к топовым позициям по релевантным запросам в поисковых системах, используйте ключевые слова в доменном имени сайта. Однако три слова подряд использовать нежелательно – такие варианты запомнить крайне сложно.
  • В доменное имя могут входить различные приставки к ключевому слову, например: mega, online, my, shop, buy и т.п.
  • Для упрощения запоминания желательно избегать использования в имени домена знака дефиса. Кроме того, это позволит уменьшить количество ошибок при написании и благотворно скажется на ранжировании сайта в поисковой выдаче.

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

Домен за 99 рублей

Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП. Зачастую под SEO-тегами подразумеваются Title, Description и Keywords. Однако тегов намного больше. И в этой статье мы постараемся охватить этот вопрос максимально полно.

Содержание

  • Что такое мета-теги
  • Правильные SEO мета-теги
    • Мета-тег Title
    • Мета-тег Description
    • Мета-тег H1
    • Мета-теги H2, H3, H4, H5, H6
    • Мета-тег Robots (All, Follow, Nofollow, Index, Noindex, None, NoArchive, NoYaca)
    • Мета-теги Canonical, Next, Previous
  • Устаревшие мета-теги
    • Мета-тег Keywords
    • Мета-тег NoODP
  • Другие полезные мета-теги
    • Мета-тег Viewport
    • Мета-тег NoYDIR
    • Мета-тег Generator
    • Мета-теги Author и Copyright
  • Как проверить мета-теги в коде веб-страницы
  • Шаблоны мета-тегов

Что такое мета-теги

Если быть предельно точным, то под мета-тегами следует понимать (X)HTML-теги <meta>, с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера <head>…</head> и не выводится на экран.

К тегам мета относятся:

  • description — описание веб-страницы,
  • keywords — ключевые слова,
  • http-equiv — тип отправляемого документа и кодировка (charset),
  • generator — CMS сайта,
  • author — автор,
  • copyright — авторские права,
  • robots — правила индексирования страницы для роботов,
  • viewport — данные о настройке области просмотра
  • и другие.

Подробнее можно прочитать в справке по HTML или Википедии.

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

В этой статье мы не будем точны с технической точки зрения и к мета-тегам отнесем те служебные теги, которые 1) важны в SEO и 2) используются в любом месте веб-документа, т.е. не обязательно привязаны к контейнеру <head>. В связи с этим, приведем такое определение.

Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.

Правильные SEO мета-теги для Яндекса и Google

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

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

Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.

Теперь подробнее о каждом из тегов.

Мета-тег Title

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

мета тег Title
метатег Title

Синтаксис

<title>Содержимое мета-тега Title</title>

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Требования SEO

  • Заголовок должен быть уникальным на всех страницах сайта, а также не повторять Title на страницах других сайтов (для этого в конце Title можно добавить название организации).
  • Тайтл должен отражать суть страницы, должен быть информативным и кратким.
  • Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова.
  • Не включайте в Title слишком много ключевых слов
  • Содержимое тегов Title и H1 должно быть разным — у них разные цели: Title заголовок для сниппета, H1 заголовок веб-страницы.
  • Не используйте специальных символов, пока не убедитесь, что они поддерживаются.
  • Не используйте спецсимволы (= / + _ ), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) — помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака.
  • Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным.
  • Оптимальная длина Title – от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина — от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей. НО: при этом нет смысла придерживаться оптимальных значений длины заголовка для служебных страниц на сайте, которые НЕ продвигаются по ключевым словам.

Примеры правильного заполнения тегов

  • <title>Купить сантехнику в Москве, интернет-магазин Куписантехнику.Ру</title>
  • <title>Окна REHAU в Москве, официальный сайт партнера — Пластиковые окна недорого</title>
  • <title>Мета-теги для сайта, Title и Description в примерах — SEOgio</title>
  • <title>Элемент пола Кнауф — купить в Москве по цене 310 pуб | KNAUF</title>
  • <title>Новости — Компания Ромашка</title>

Ошибки и неудачные примеры мета-тегов

  • <title>Евроремонт, ремонт дома, ремонт квартир в Смоленске, ремонт в Смоленске | Ремонт квартир, cтроительство Смоленск</title> (простое перечисление ключевых слов)
  • <title>Главная – ООО Ромашка, подарки оптом, подарки сотрудникам, рекламные сувениры, корпоративные подарки.</title> (вначале должны быть самые главные ключевые слова)
  • <title>Ремонт</title> (слишком короткий Title)
  • <title>«Автомоечный комплекс №1»: автомойка, шиномонтаж, кафе, сауна, комната отдыха.</title> (название компании вначале, двоеточие, слова, по которым не будет продвигаться сайт)
  • <title>Новости о юридических услугах и бухгалтерском обслуживании в компании Ромашка</title> (использование ключевых слов в заголовке страницы, которая по этим словам НЕ продвигается, это может только мешать)

Мета-тег Description

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

Пример:
метатег Description
мета тег Description

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

Пример, когда description в мета и в сниппете отличаются:
метатег Description
мета тег Description

Синтаксис

<meta name="description" content="Содержимое мета-тега Description" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Требования SEO

  • Должен отражать суть страницы, написан в виде согласованного текста. Может быть несколько предложений.
  • Должен быть уникальным для всех страниц сайта, не дублировать аналогичные теги на других сайтах (для этого используем название компании в тексте мета-тега).
  • В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Также не следует просто перечислять запросы через запятую.
  • Содержание тега не должно повторять Title.
  • Длина description должна быть не менее 70 и более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
  • В description желательно отразить основные преимущества компании, товара, услуги.
  • Наиболее важную информацию и фразы лучше разместить в начале мета-описания.

Примеры правильного заполнения тегов (полужирным выделены ключевые слова)

  • <meta name=»description» content=»Мебель для спальни: огромный выбор моделей по ценам производителя. Заказывайте мебель в интернет-магазине ЛайфМебель с доставкой по России и Москве!» />
  • <meta name=»description» content=»Тег meta description используется для формирования мета-описания страницы сайта в сниппетах Яндекса и Google. Разберем как правильно писать мета description.» />
  • <meta name=»description» content=»Купить микроволновую печь GORENJE MO20MW в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями, техническими характеристиками и подробным описанием.» />

Ошибки и неудачные примеры мета-тегов

  • <meta name=»description» content=»Смоленский завод железо-бетонных изделий №2 (ЖБИ-2)» /> (короткий, мало ключевых слов)
  • <meta name=»description» content=»Матрасы в Смоленске. ОРТОПЕДИЧЕСКИЕ МАТРАСЫ. Матрас — это единственный предмет в обстановке спальни, который непосредственно связан со здоровьем. Некачественный или просто старый износившийся матрас может привести к очень серьезным проблемам, в то же время благодаря тщательно подобранному матрасу значительно улучшаются …» /> (сгенерирован автоматически, просто вырезано начало контента на странице)
  • <meta name=»description» content=»Салон красоты ЛЕАЛЬ самый лучший Салон красоты москвы, салон красоты, парикмахерская, парикмахерская москва, стрижка в москве, похудеть москва, стрижка не дорого, как похудеть, похудеть москва,»/> (перечисление ключевых слов через запятую, неестественное мета-описание)

Мета-тег H1

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

<h1>Содержимое мета-тега H1</h1>

Тег должен находиться внутри контейнера <body>…</body> в любом месте.

Требования SEO

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

Примеры правильного заполнения тегов

  • <H1>Автополив газонов</H1>
  • <H1>Пусковой комплект микроорошения XCZ-075 PRF, 3/4″</H1>
  • <H1>Новости</H1>

Ошибки и неудачные примеры мета-тегов

  • <H1>Автополив газонов в Москве купить</H1>
  • <H1>Автополив газонов, авто полив газонов, купить, цены</H1>
  • Автополив газонов<H1></H1>
  • <H1>Автополив газонов<H1>

Мета-теги H2, H3, H4, H5, H6

Синтаксис

<h2>Содержимое мета-тега H2</h2>

Теги должен находиться внутри контейнера <body>…</body>.

ВАЖНО! Должна соблюдаться иерархия тегов (цифры — это уровни, как показано ниже). Теги Hx используются именно как заголовки в содержательной части страницы. Если они используются как элементы оформления на сайте, необходимо заменить их на теги <DIV> с аналогичными классами оформления (визуально все сохранится так же, а логика размещения информации на странице будет соблюдена).

Пример:

  1. H1 — заголовок страницы (один!)
    1. H2 — заголовок второго уровня
      1. H3 — заголовок третьего уровня
      2. H3 — заголовок третьего уровня
      3. H3 — заголовок третьего уровня
    2. H2 — заголовок второго уровня
    3. H2 — заголовок второго уровня

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

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

Пример:

метатег Hx, H1, H2, H3

мета тег Hx, H1, H2, H3

Требования SEO

  • Нежелательно использовать другие теги внутри Hx, например, совместное использование заголовков Hx с HTML-тегами: <STRONG> (полужирный), <B> (полужирный), <EM> (курсив), <I> (курсив), <A> (ссылка).
  • Неверная логика использования тегов. Например, тег <H2> перед тегом <H1>.

Примеры правильного заполнения тегов

  • <H2>Где купить систему автополива для газона</H2>
  • <H1>Автополив для газонов</H1>
    <H2>Где купить систему автополива для газона</H2>
    Текст.

Ошибки и неудачные примеры мета-тегов

  • <H2><STRONG>Где купить систему автополива для газона</STRONG></H2>
  • <H2>Где купить систему автополива для газона</H2>
    Текст.
    <H1>Автополив для газонов</H1>
  • <H2>Где купить систему автополива для газона<H2>
  • <H2></H2>Где купить систему автополива для газона

Мета-тег Robots (All, Follow, Nofollow, Index, Noindex, None, NoArchive, NoYaca)

Синтаксис

<meta name="robots" content="index, nofollow" />
<meta name="yandex" content="noyaca" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Для Яндекса значение атрибута name можно заменить на «yandex», в этом случае правила будут учитываться только роботами Яндекса. Для Google — «google» или «googlebot», для Yahoo! — «slurp», для Bing — «bingbot».

Какие значения могут быть у атрибута content:

  • all — разрешено индексировать текст и ссылки на странице;
  • index, follow — то же, что all;
  • noindex — запрещено индексировать текст страницы;
  • nofollow — запрещено переходить по ссылкам на странице;
  • none — запрещено индексировать текст и переходить по ссылкам на странице;
  • noindex, nofollow — то же, что none;
  • noarchive — не отображать на странице результатов поиска ссылку на сохраненную копию;
  • noyaca — не использовать описание из Яндекс.Каталога для сниппета в результатах поиска;
  • noodp — не использовать описание из dMoz для сниппета в результатах поиска;
  • noydir — не использовать описание из Yahoo! Directory для сниппета в результатах поиска.

Мета-теги Index и Noindex выполняют те же функции, что и директивы Allow и Disallow в файле robots.txt — разрешают и запрещают индексировать данную страницу. Подробнее, как правильно настроить файл роботс здесь:

robots.txtRobots.txt
Файл robots.txt является одним из самых важных при оптимизации любого сайта. Его отсутствие может привести к высокой нагрузке на сайт со стороны поисковых роботов и медленной индексации и переиндексации… Подробнее

Robots.txt для WordPressRobots.txt для WordPress
В интернете можно найти много публикаций на тему, как составить лучший (или даже самый лучший) файл robots.txt для WordPress. При этом в ряде таких популярных статей многие правила не объясняются и, как мне кажется, вряд ли понимаются самими авторами… Подробнее

Мета-теги Canonical, Next, Previous

Синтаксис

<link rel="canonical" href="http://site.ru/nazvanie-stranitsy" />
<link rel="prev" href="http://site.ru/page/2/" />
<link rel="next" href="http://site.ru/page/4/" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

В качестве значения атрибута href тега canonical указывает URL страницы, которая признается «канонической». Пример, один и тот же товар представлен в двух разных категориях по разным URL: site.ru/category-3/tovar-528/ и site.ru/category-16/tovar-528/. Чтобы поисковая система не считала такие страницы дублями, один из них признается каноническим (например, первый) и на обоих страницах прописывается код <link rel=»canonical» href=»http://site.ru/category-3/tovar-528/» />.

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

Устаревшие мета-теги

Мета-тег Keywords

Синтаксис

<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3, ..." />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

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

Требования SEO

  • Использовать не больше 5-6 слов,
  • использовать не более 3-х повторов,
  • не стоит использовать союзы, предлоги, междометия.

Примеры правильного заполнения тегов

  • автополив газонов, авто полив, системы, купить, цены,  москва

Ошибки и неудачные примеры мета-тегов

  • автополив газонов, автополив газонов купить, автополив газонов цены, автополив газонов москва, система автополива газонов, авто полив газонов, авто полив газонов купить, авто полив газонов цены, авто полив газонов москва, система авто полива газонов
  • автополив газонов, секс, порно, девки, [дальше сплошная цензура]

Мета-тег NoODP

Синтаксис

<meta name="robots" content="noodp" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег использовался в следующих случаях. Если сайт был добавлен в каталог dMoz, то некоторые поисковые системы могли выводить описание сайта, взятое из dMoz. Если это было не нужно, то добавлялся этот тег. С 17 марта 2017 года dMoz больше не работает, поэтому данный мета-тег теперь является устаревшим.

Другие полезные мета-теги

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

Мета-тег Viewport

Синтаксис

<meta name="viewport" content="width=device-width, initial-scale=1" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Актуальность тега возросла с переходом значительной части аудитории в Mobile. В случае применения адаптивной верстки, наличие этого тега позволяет правильно учитывать размер используемого устройства (ПК, планшет, смартфон).

Значение width=device-width адаптирует ширину окна просмотра к экрану устройства. Значение initial-scale=1 обеспечивает соотношение 1:1 между пикселями CSS и независимыми пикселями устройства.

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

Мета-тег NoYDIR

Синтаксис

<meta name="slurp" content="noydir" /> 
или 
<meta name="robots" content="noydir" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег используется в следующих случаях. Если сайт был добавлен в каталог Yahoo!, то некоторые поисковые системы могут выводить описание сайта, взятое из Yahoo! Directory. Если это не нужно, то добавляется этот тег.

Мета-тег Generator

Синтаксис

<meta name="generator" content="WordPress 4.6.6" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

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

Мета-теги Author и Copyright

Синтаксис

<meta name="author" content="Иван Иванович" />
<meta name="copyright" lang="ru" content="ООО Ромашка" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

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

Улучшенный сниппет в Google3 простых шага как связать сайт с Google+, или Что такое авторство в Google и для чего это нужно
Те из вас, кто предпочитает пользоваться поиском Google, не раз встречали в результатах выдачи сниппеты с фотографиями авторов статей. Поисковик предоставляет такую возможность в рамках сервиса «Поддержка авторов». Такие сниппеты привлекают большее внимание и имеют больший CTR… Подробнее

rich snippetsРасширенные сниппеты (Rich Snippets) в Google и Яндекс
Занимаясь продвижением сайта, все больше внимания оптимизаторы уделяют тому, как выглядит сниппет. Технология расширенных сниппетов не нова. Яндекс и Google позволяют использовать дополнительные возможности для того, чтобы ссылка на ваш сайт была более информативной… Подробнее

Как проверить мета-теги в коде веб-страницы

  1. Откройте исходный код страницы.
  2. Воспользуйтесь функцией поиска по странице — Ctrl+F для того, чтобы обнаружить мета-теги, возможно, некоторые из них просто отсутствуют (Title, Description, H1 обязательно должны быть!)
  3. Обратите внимание:
    • верно ли записаны мета-теги с точки зрения синтаксиса (см. примеры выше),
    • в нужном ли месте они размещены (проверьте, точно ли мета-тег Title внутри контейнера <head>, логично ли размещены теги Hx и т.п.),
    • не дублируются ли теги, которые должны быть использованы только один раз (да-да, бывает когда на странице оказывается два мета-тега Title или несколько мета-тегов H1),
    • корректно ли подхватываются значения этих мета-тегов (бывают ситуации, когда вы прописываете для страницы одно значение мета-тега, но вместо него выводится другое, шаблонное, настроенное по умолчанию).

Шаблоны мета-тегов

То, что будет описано ниже, будет относиться к тегам Title, Description и Keywords.

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

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

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

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

  1. если для карточки товаров прописаны seo-теги — подставляются эти мета-теги;
  2. если нет, то автоматически генерируются мета-теги по шаблону:
    • Title: [Заголовок H1] — купить в Москве по цене [Цена] руб — МегаМебель
    • Description: Вы можете купить [Заголовок H1] в интернет-магазине МегаМебель в Москве по выгодным ценам. Бесплатная доставка в пределах МКАД!
    • Keywrods (напомню, можно не указывать): [Заголовок H1], [Название категории], купить, недорого, цена, москва

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

Вопросы, рассмотренные в материале:

  • Что такое коммерческое предложение и зачем оно нужно
  • Реальные примеры коммерческих предложений
  • 5 составляющих любого коммерческого предложения
  • Как составить коммерческое предложение: пошаговая инструкция
  • 7 рекомендаций как написать самое крутое коммерческое предложение
  • 5 советов по оформлению коммерческого предложения
  • 3 способа проверки готового коммерческого предложения
  • Типичные ошибки каждого второго коммерческого предложения
  • 4 варианта как отправить холодное коммерческое предложение

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

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

Что такое коммерческое предложение, и зачем оно нужно

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

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

  • как только ее получат;
  • после открытия;
  • в процессе или по окончании прочтения.

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

  1. Небольшим объемом текста (не более 1–2 страниц) и отсутствием ненужных описаний достоинств компании.

  2. Тщательно продуманным заголовком (если письмо электронное) или необычной подачей материала при доставке из рук в руки.

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

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

Владимир Сургай

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

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


PDF

«Скрипт продающих диагностик : как купить 120 миллионов за 1»
Практическая
инструкция с платной программы 



PDF

10 источников клиентов для 16 источников клиентов на маркетинг и
консалтинг,
принёсших 10+ миллионов рублей только за последние 3 месяца



PDF

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



PDF

Что делать, если клиенты сливаются с зумов

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

  1. Оформить коммерческое предложение как презентацию в PowerPoint или pdf-формате (если это позволяет рекламируемый продукт/услуга) – тексты в таком виде несут больше информации и легче воспринимаются.

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

Какие задачи компании решают с помощью коммерческих предложений?

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

Реальные примеры коммерческих предложений

Примеры КП

Пример КП

Пример коммерческого предложения

5 составляющих любого коммерческого предложения

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

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

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

  • Вопрос плюс интрига: «Хотите знать, как экономить $100 ежедневно?»
  • Список: «7 идей, подарков, причин, способов…»
  • Обозначение целевой аудитории: «Выгодное предложение для бухгалтеров малых предприятий…»
  • Раскрытие секретов: «3 секрета успешного старта бизнеса…»
  • Мотивирующие отрывки из отзывов клиентов: «Этот курс изменил мое представление о …»
  • Обыгрывание эмоций, любопытства, проблем, желаний: «Обеспокоены потерей клиентов?», «Мечтаете учиться за границей?»
  • Афоризмы, популярные цитаты из кинофильмов и их меткие перефразирования. С помощью таких заголовков легко привлечь внимание и одновременно сместить акценты с рекламного посыла текста на первоисточник: «Утром стулья – вечером деньги. Делайте заказ мебели без предоплаты!».

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

Лид

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

  • Акцентировать внимание на актуальной для клиента проблеме (конкурентная борьба, нехватка клиентов, дефицит бизнес-идей): «Если вы намерены привлечь вдвое больше клиентов в свой фитнес-клуб всего за пару месяцев, наша информация будет вам полезна…».
  • Сделать упоминание главной выгоды от предложения или завидного результата клиентов: «Сотрудничая с нашей компанией, вы сможете в два раза сократить расходы на составление бухгалтерских отчетов за один месяц…».
  • Изобразить идиллическую картину, когда боль клиента будет закрыта: «Представьте, что ваша гостиница круглогодично заполнена клиентами и номера забронированы на несколько месяцев вперед…».
  • Заинтересовать новинкой, это неизменно привлекает внимание: «Специально к весеннему сезону мы предлагаем абсолютно новый продукт – низкокалорийные сладости в мини-упаковке и по супервыгодной цене…».

читайте также читайте также

Эффективная презентация: 6 этапов разработки + 10 секретов проведения

читайте также читайте также

3. Оффер. Специальное предложение (от англ. Оffer), которое является ключевым компонентом коммерческого письма. В нем должны быть сжато представлены главные характеристики вашего продукта и описаны выгоды клиента (почему ему следует покупать у вас, а не у других компаний). Следовательно, надо включить в описание все, что может дополнять продажу самого товара:

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

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

4. Цена товара/услуги. Во-первых, ее необходимо указывать в обязательном порядке, если вы не хотите, чтобы клиент ушел к конкурентам (кто будет тратить время на выяснение стоимости?). Во-вторых, цена должна быть обоснована. Если она отличается в меньшую сторону от того, что предлагают конкуренты – замечательно. Если же подобный аргумент не для вас, найдите другой (те же скидки, гарантии на товар/услуги, подарки, качество сервиса, эксклюзивные предложения).

Цена товара

Коммерческое предложение на услуги может быть, например, таким:

«Стоимость проезда в нашем такси на 5 % выше, чем у конкурентов, но каждая машина у нас оборудована детским креслом, а кроме того, мы без проблем перевозим домашних питомцев!»

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

В письме это может выглядеть, например, так: «…Плата за использование облачной CRM-системы SalesapCRM по тарифу «Старт» за 5 пользователей составляет 1100 рублей в месяц (220 рублей за каждого пользователя). А при оплате доступа сразу на 6 месяцев предоставляется скидка 20 %. Таким образом, плата составит 176 рублей в месяц за каждого пользователя, или 6 рублей в день. Это невероятно мало за программу, которая обладает массой возможностей: автоматизирует процессы бизнеса, формирует аналитику, помогает строить систему управления, интегрируется с почтой, телефонией и рассылочными сервисами…».

5. CTA (Call to Action). Клиенты не умеют читать ваши мысли, поэтому обязательно указывайте в коммерческом предложении призыв к действию (чего именно вы ждете): позвоните, закажите, переходите по ссылке, напишите, посетите наш офис, оставьте контактные данные и т. п. Чтобы человек не мешкал, поторопите его, указав ограниченный срок действия предложения или количества товара. Можно в финале пообещать какую-то дополнительную выгоду – скидку или бесплатную доставку продукта при быстром заказе.

Как составить коммерческое предложение: пошаговая инструкция

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

Прежде всего необходимо тщательно подготовиться. Для этого надо задать себе ряд вопросов и подробно на них ответить.

1. Подготовительный самоанализ 

Подготовительный самоанализ

Для начала задайтесь простыми вопросами (впрочем, не такие они простые, если вызывают затруднения у 80 % предпринимателей):

  • Почему ваше коммерческое предложение должно вызвать интерес?
  • Какую выгоду даст клиенту покупка вашего продукта?
  • Какие преимущества отличают вас от конкурентов, и какие доказательства этому есть?
  • Что надо сделать клиенту после прочтения текста коммерческого предложения?

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

2. Предварительное определение цели

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

Примеры:

  • На этапе холодного звонка закрываем возражения: «Нас это не интересует» или «Мы сотрудничаем с другой компанией».
  • На этапе встречи закрываем возражения: «Чем вы лучше других?», «Почему я должен пойти именно к вам?», «Разве это мне подходит?».
  • На этапе непосредственно коммерческого предложения закрываем возражение: «Какова цена?», «Что еще я от этого получу?», «В чем моя выгода?».

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

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

Шаг 1. Придумываем захватывающий оффер/заголовок

Захватывающий оффер

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

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

Как зарабатывать в 2-3 разабольше на маркетинге, сократив при этом количество клиентов?

Владимир Сургай

9 из 10 маркетологов уверены — чтобы зарабатывать в 2 раза больше достаточно
иметь в 2 раза больше клиентов.

Но в 99% случаев это решение приводит
к выгоранию, обрастанию низкочековыми проектами и стагнации в доходе.

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

Для этого: распишите 3 предложения для клиента с разным составом (нижний, средний и верхний тариф).

Эффективность этого инструмента проверена на практике: тарифы принесли моим ученикам
более 64 000000 рублей
за 1,5 года пандемии. А лично я вырос в чеке с 1 500 рублей до
950000 рублей
за маркетинговые услуги.

Преимущества от внедрения тарифной сетки:

Специально для вас мы с командой приготовили бесплатный конструктор тарифов, а также видео-инструкцию к нему!


Конструктор тарифной сетки

легко собираешь тарифы под себя*



Видео-инструкция к конструктору

разберешься, как работает конструктор*

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

Какую ошибку можно допустить на данном этапе? Использовать «мы – подход» (его хорошо иллюстрируют такие офферы, как «мы вам предлагаем…»).

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

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

Шаг 2. Формируем желания

Формирование желания

Что скрывается за фразой «формирование желания»? Довольно хитрый ход: вместе с приветствием закинуть человеку удочку в соответствии с методикой AIDA, вызвав желание прочитать, что следует дальше.

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

Пример: «Здравствуйте, Степан Васильевич! Каждый день вы получаете массу разных предложений, которые обычно отправляете в «корзину». Но этот случай не такой. Можете не сомневаться.

Мы подтвердим это подарком – двумя бесплатными билетами в кинотеатр премиум-класса в случае, если вы и впрямь решите, что зря потратили свое время…».

Нахальство или самоуверенность?! Решать вам. Одно несомненно: этот подход работает. Разумеется, не во всех сферах и не всегда.

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

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

Настало время самого предложения. Собственно, ради чего вся затея?

Здесь ваша задача – рассказать о своем товаре (услуге). Напомнить, что за продукт вы предлагаете.

По объему это должно быть не больше 1–2 блоков с изложением главных тезисов оффера. Не стоит растекаться мыслью по древу и описывать все в деталях.

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

Шаг 4. Приводим аргументы

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

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

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

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

Шаг 5. Обосновываем цены

Обоснование цены

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

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

ТОП-5 ПОПУЛЯРНЫХ СТАТЕЙ

  • Что такое айдентика и как ее разработать для компании
  • Лид-магнит: правила создания и использования
  • Виды маркетинга: классические и инновационные классификации
  • Целевая аудитория: от определения до персонального предложения
  • Вилка цен: учимся использовать мощный инструмент в продажах

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

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

Шаг 6. Призываем к действию

Весьма часто такой важный инструмент продаж, как CTA (Сall To Action – призыв к действию), не используется вовсе, хотя им должны заканчиваться все коммерческие предложения. Обязательно укажите, что потенциальному клиенту нужно сделать, ознакомившись с письмом (отправить заявку, позвонить, посетить офис и т. д.).

читайте также читайте также

Digital-маркетинг: 13 эффективных каналов + пример стратегии

читайте также читайте также

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

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

Пример: «Если вы заключите с нами договор до конца текущего месяца, в подарок получите стиральную машину с уникальными функциями…».

Шаг 7. Постскриптум

Постскриптум

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

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

Ограничения могут касаться количества продукта или времени.

Примеры:

  • «Осталось только 3 свободных места на семинар-практикум…».
  • «Акция действует до конца января. С 1 февраля ожидается повышение стоимости…».

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

Шаг 8. Визуализация

Мало кто будет читать скучное коммерческое предложение, пусть даже в нем всего несколько слов. Так что уделите внимание не только содержанию, но и оформлению. Основные рекомендации таковы:

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

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

7 рекомендаций, как написать самое крутое коммерческое предложение

1. Используйте формулу 4U для создания заголовков

Формула 4U

Составляющими формулы 4U для УТП являются:

  • неотложность (Urgent);
  • полезность (Useful);
  • уникальность (Unique);
  • ультра-специфичность (Ultra-specific).

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

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

  • «За 24 часа смонтируем систему цифрового наблюдения за вашим объектом по стоимости на 25 % ниже среднерыночной».
  • «Всего за 25 дней сделаем посадочную страницу с конверсией 10 % или вернем деньги по контракту».
  • «Снизьте свои расходы по эксплуатации на 30 % ежемесячно с применением японских гидроманипуляторов».

2. Оперируйте фактами

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

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

Примеры:

  • Увеличенный спрос (преимущество). Объем продаж смартфонов Apple превысил 500 000 000 штук (факт).
  • Комфортная обувь – жизненная необходимость (заявление). Поскольку человек за все годы жизни проходит расстояние, сопоставимое с пятикратной длиной земного экватора (факт).

3. Приводите рейтинги

Приведение рейтингов

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

Примерно то же ждет и вас, стоит только попасть в рейтинг (не важно, какой: хоть платный или выдуманный лично вами).

Примеры:

  • «В рейтинге Forbes наша компания находится в тройке лидеров по России среди…».
  • «4 место в рейтинге «Лучший маркетинговый проект» за 2018 год…».

4. Используйте сторителлинг

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

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

Пример (начало):

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

Это случилось в 1959 году, когда наш основатель Марк Фридрихович коротал вечер в одиночестве у себя на даче и смотрел на двух пауков, ползающих в углу под потолком. Они…»

5. Опирайтесь на экспертов или лидеров мнений

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

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

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

6. Включайте эмоции

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

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

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

7. Называйте имя

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

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

5 советов по оформлению коммерческого предложения

1. Текст должен хорошо читаться

В коммерческом предложении не принято использовать вычурные шрифты с разными завитками и украшениями. Больше всего подходят крупные шрифты (10 – 13 пунктов):

  • без засечек (Impact, Arial, AvantGardeCTT) – для писем в электронном виде;
  • с засечками (Times New Roman, Minion Pro и Georgia) – для бумажных версий.

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

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

2. Текст должен быть структурирован

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

3. Минимум деталей

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

читайте также читайте также

Performance-маркетинг и в чем его выгода для бизнеса

читайте также читайте также

4. Визуальный ряд

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

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

5. Узнаваемый стиль

Коммерческое предложение

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

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

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

3 способа проверки готового коммерческого предложения

Спрогнозировать влияние коммерческого предложения на адресата можно с помощью этих несложных приемов:

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

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

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

Типичные ошибки каждого второго коммерческого предложения

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

Типичные ошибки коммерческого предложения

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

  • к кому вы обращаетесь;
  • какие они – люди, которым вы пишете;
  • когда они будут читать ваше письмо.

Ответьте на эти вопросы письменно (на бумаге или в электронном формате). Если у вас несколько целевых аудиторий, каждую надо описать отдельно.

Так, если вы продвигаете тренинги личностного роста, ваше коммерческое предложение адресовано:

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

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

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

Написано в тексте

Думает читатель

Мы – команда профессионалов с 7-летним опытом работы на рынке.

Это каждый говорит.

Мы входим в топ-10 нашей сферы

Наверное, на 9 позиции

Тысячи благодарных клиентов

И кто эти люди? Чем именно они довольны?

98 % слушателей достигли результата

Где доказательства?

 Предлагаем стать нашим партнером

Что мне это даст? На каких условиях? Зачем мне это нужно?

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

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

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

Это хорошо видно на примере популярного мема: 

Использование речевых конструкций

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

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

4 варианта как отправить холодное коммерческое предложение

Допустим, вы написали коммерческое предложение и исправили в нем ошибки. Что дальше? Если это горячее коммерческое предложение, можете сохранить его как PDF-документ и отправить ожидающему клиенту. А вот с холодным коммерческим предложением нужно поступать в зависимости от ситуации. Вариантов несколько:

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

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

  3. Отправить как приложение к электронному письму. Само письмо содержит краткую информацию о вас и вашей компании и затравку. Если адресат заинтересуется информацией, детали он узнает, открыв приложенный документ.

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

Трудно сказать, какой из вариантов сработает наверняка, нужно пробовать все.

Холодное коммерческое предложение

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

Хотите получить настоящий эффект от коммерческого предложения? Используйте индивидуальный подход!

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

читайте также читайте также

Акции для привлечения клиентов: какие бывают и как их создать

читайте также читайте также

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

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

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


Автор: Владимир Сургай

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