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

12 апреля 2016
21.3K
4 мин.

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

Почему нужно цитировать, но аккуратно?

Все мы привыкли воспринимать копирование контента в штыки, опасаясь пессимизации за неуникальность текста. А цитаты не терпят искажений – поменяешь пару слов и прослывешь неумелым плагиатором. Так почему же мы агитируем за?

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

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

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

И вот тут стоит задуматься о технической стороне. Про знаки препинания опустим – здесь уже Грамота.ру вам в помощь.

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

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

Следуйте правилам. Укажите паукам на цитаты в коде. Для этого существует три основных тега:

  1. <cite> – для указания url источника, названия работы или имени автора. Говорит поисковикам, что вы абсолютно честны и не претендуете на лавры первоисточника. Не пренебрегайте им.
  2. <blockquote>– для цитирования больших фрагментов текста. Отделяет их от общей массы с помощью разрыва строк, примерно так.

    Скрин:

    Скриншот

    Исходный код:

    Основной текст
    <blockquote>
      <p>Наши деды обильно уснащали свое письмо цитатами, а теперь это считается вычурным. Однако цитаты спасают нас от того, чтобы выразить плохо то, что кому-то уже удалось выразить хорошо…</p>
      <cite>Хулио Кортасар. Экзамен</cite>
    </blockquote>
    Основной текст

  3. <q> – для выделения небольших частей текста прямо в абзаце.

    Скрин:

    Скриншот

    Исходный код:

    Как говорил <cite>Говард Джейкобсон</cite>,
    <q>Не важно, кто и по какому случаю первым сказал эти слова; важно, какое применение нашел им ты.</q>

Немного о визуальном оформлении

Ну и напоследок снова вспомним о пользователях. Чтобы они точно не пропустили цитату в тексте, оформите ее красиво. Поиграйте со шрифтами, границами, отступами, в общем, как вы любите. Только не переусердствуйте. Вот несколько основных свойств, которые можно задать в CSS либо прописать в коде страницы с помощью тегов <style></style> в блоке head:

border граница
border-width толщина границы
margin отступ цитаты
padding отступ внутри цитаты
font-size размер шрифта
color цвет шрифта
background фон

Мы немножко поколдовали, и вот что получилось:

Скрин 1:

Скриншот

Исходный код 1:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=windows1251"/>
  <style>
    blockquote {
      border:solid #999;
      border-width:3px 0;
      margin:10px 40px;
      padding:15px;
      font-size:14px;
    }
    blockquote p {
      color: #000;
    }
    blockquote cite {
      font-size: 12px;
    }
  </style>
</head>

<body>
    <blockquote>
    <p>Правильно выдранная цитата в чужих устах звучит лучше, чем в авторских.</p>
    <cite>Александр Генис. Уроки чтения. Камасутра книжника</cite>
    </blockquote>
</body>
</html>

Скрин 2:

Скриншот

Исходный код 2:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <style>
    blockquote {
      border: solid #666 1px;
      border-left: solid #127eb6 10px;
      margin:10px 40px;
      padding:15px 15px 25px;
      color:#333;
      font-size:16px;
      background:#fffde4;
    }
    blockquote p {
      color: #000;
    }
    blockquote cite {
      font-size: 12px;
    }
  </style>
</head>

<body>
  <blockquote>
    <p>Если я цитирую других, то лишь для того, чтобы лучше выразить свою собственную мысль.</p>
    <cite>Мишель де Монтень</cite>
  </blockquote>
</body>
</html>

Скрин 3:

Скриншот

Исходный код 3:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <style>
    blockquote {
      border-left: dotted #ff9a38 7px;
      margin: 40px;
      font-family: 'verdana';
      padding: 5px 15px 15px;
      color:#172076;
      font-size:16px;
    }
    blockquote p {
      color: #000;
    }
    blockquote cite {
      display:block;
      text-align:right;
      font-weight:bold;
    }
  </style>
</head>

<body>
  <blockquote>
    <p>Во всех сомнительных случаях цитату следует приписывать Джорджу Бернарду Шоу.</p>
    <cite>Найджел Рис</cite>
  </blockquote>
</body>
</html>

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

3
0
0
0
0

Анастасия Кузнецова

Копирайтер

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна

50+ нейросетей и инструментов для маркетологов и бизнеса

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

Забрать список

Популярные статьи

10 февраля 2021

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

Читать статью 218.2K 14 мин.
7 февраля 2024

Ключ НЕ от всех замков: 10 частых ошибок при написании SEO-текстов

Читать статью 4.9K 11 мин.
6 августа 2018

Как составить взрывное УТП на сайт Пошаговая инструкция, 5 формул и масса примеров

Читать статью 56.5K 11 мин.
10 мая 2018

Продвижение сайта текстами: 8 советов по раскрутке с помощью контента

Читать статью 58.4K 15 мин.
16 октября 2024

UTM-метки в помощь интернет-маркетологу

Читать статью 34K 7 мин.
13 мая 2024

Обновления Яндекс и Google: как поисковики будут бороться с текстами, написанными нейросетями

Читать статью 5.8K 8 мин.
21 марта 2024

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

Читать статью 3.8K 12 мин.
15 января 2021

CTA в продающих текстах: волшебная ли палочка-выручалочка

Читать статью 36.4K 13 мин.
16 июля 2020

Ни в сказке сказать, ни пером описать, или что такое сторителлинг и с чем его едят

Читать статью 23.5K 18 мин.
1 июня 2020

Наташ, не грусти: как составить контент-план для блога и соцсетей

Читать статью 28.5K 12 мин.
14 июня 2018

Апгрейд текстов: 14 сервисов в помощь. Часть 1

Читать статью 34.8K 10 мин.
1 декабря 2021

Как создать телеграм-канал и вести его правильно

Читать статью 35.2K 12 мин.

Все популярные статьи

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

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

250 000 участников сообщества каждую неделю получают письма от нас

Еженедельные полезные советы по продвижению бизнеса и эксклюзивные предложения абсолютно бесплатно – подайте заявку на вступление!

Услуги, которые могут вас заинтересовать

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

Стоимость:
-20% до 30 июняот 20 000 от 25 000

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

Стоимость:
от 32 500

Уникальные и продающие тексты для сайта, соцсетей, рекламы, маркетплейсов и пр. (пишем любые). LSI, E-E-A-T, YMYL, MUM, SEO-оптимизация – уже учтено в цене.

Стоимость:
-26% до 30 июняот 8 732 от 11 800

Смотреть все услуги Попробовать бесплатно