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

12 апреля 2016
21.4K
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 мая 2018

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

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

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

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

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

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

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

Читать статью 36.5K 13 мин.
21 марта 2024

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

Читать статью 3.9K 12 мин.
26 мая 2025

100500 к конверсии: создаем убойные заголовки 4U самостоятельно и с помощью ИИ

Читать статью 31.1K 18 мин.
31 мая 2019

Где зарыта смысловая уникальность текста: секреты создания контента в эпоху Баден-Бадена

Читать статью 15.4K 11 мин.
11 февраля 2025

Честно про контент-маркетинг: примеры, методы продвижения, сроки и цены

Читать статью 44.8K 20 мин.
22 мая 2024

Что писать в тексте о компании: инструкция, которая поможет выиграть битву за доверие

Читать статью 4.6K 16 мин.
17 апреля 2023

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

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

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

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

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

Читать статью 5K 11 мин.

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

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

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

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

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

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

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

Стоимость:
от 25 000

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

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

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

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

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