SEO https://ctr99.ru/ ru Поиск конкретного элемента HTML на сайте: теория и практика https://ctr99.ru/articles/kak-iskat-html-elementy-i-ih-atributy <span>Поиск конкретного элемента HTML на сайте: теория и практика</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2025-02-03T17:45:54+03:00" title="понедельник, 3 февраля 2025 - 17:45">пн, 3 Фев. 2025 - 17:45</time> </span> <div><section> <p>Поиск конкретного элемента HTML на сайте — задача, с которой часто сталкиваются владельцы сайтов, разработчики и seo-специалисты. Рассмотрим, как найти элемент HTML на сайте по его CSS-классу и какие инструменты для этого нужны.</p> <p>Для удобства статья разделена на две части:</p> <ol> <li>Теоретическую, в которой понятным языком рассказываем о парсинге, способах его работы и авторитетных источниках для более подробного изучения информации.</li> <li>Практическую, где показываем, как в SiteAnalayzer и Screaming Frog найти нужный HTML-тег на сайте.</li> </ol> <div class="comment mb-3"> <p>Кстати, если вам нужно найти на сайте конкретное слово или словосочетание, то у нас есть <a target="_blank" href="https://ctr99.ru/articles/kak-nayti-slovo-ili-slovosochetanie-na-sayte/">отдельная статья</a> на эту тему.</p> </div> </section> <section> <h2>Теория</h2> <h3>HTML и его атрибуты</h3> <p>Атрибуты в HTML — это дополнительные параметры, которые помогают уточнять свойства тегов. Они всегда записываются внутри открывающего тега и состоят из имени атрибута и значения. Атрибуты, которые встречаются чаще всего:</p> <ul> <li>href – ссылка;</li> <li>src – путь к изображению, видео, скрипту;</li> <li>alt – альтернативный текст;</li> <li>id – уникальный идентификатор;</li> <li>class – класс для CSS и JS;</li> <li>style – встроенные CSS-стили;</li> <li>title – всплывающая подсказка;</li> <li>target – поведение ссылки (_blank — новая вкладка);</li> <li>type – тип элемента;</li> <li>placeholder – текст-подсказка в поле ввода;</li> <li>disabled – делает элемент неактивным;</li> <li>readonly – запрет редактирования поля.</li> </ul> <p>Подробнее почитать об атрибутах можно <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes" rel="nofollow noreferrer noopener" target="_blank">в документации MDN</a>. В данной статье мы будем искать элемент по атрибуту class.</p> <h3>Парсинг и поисковые правила</h3> <p>Веб-скрейпинг (парсинг) — это процесс автоматизированного сбора данных с веб-страниц по заранее заданным правилам. Он используется для анализа контента, мониторинга цен, сбора отзывов, парсинга новостей и других задач.</p> <h3>Методы поиска и извлечения данных</h3> <p>Для извлечения нужной информации веб-скрейперы используют различные методы структурированного поиска:</p> <ul> <li> <p><span class="fw-bold">XPath</span> — язык запросов для XML и HTML-документов. Доступ к содержимому, которое ищем, происходит благодаря навигации по DOM через описание пути к нужному элементу (Document Object Model — структура веб-страницы, позволяющая программам взаимодействовать с содержимым, внешним отображением и структурой). Работа схожа с навигацией в операционных системах, когда мы ищем какой-то файл, находящийся в одной из папок. На примере сайта выглядит так: div→div→p: мы ищем элемент p, он является дочерним у div, который также дочерний для другого div. В формате выражения: //div/div/p.</p> <p>Пример: если нужно найти все абзацы <code>&lt;p&gt;</code> внутри <code>&lt;div class="content"&gt;</code>, используем XPath-запрос:</p> <pre><code>//div[@class="content"]/p</code></pre> <p>Источник: <a href="https://developer.mozilla.org/en-US/docs/Web/XML/XPath" target="_blank">документация от MDN</a></p> </li> <li> <p><span class="fw-bold">XQuery</span> — язык запросов, основанный на XPath, но с расширенными возможностями фильтрации и обработки данных. Чаще используется для сложных XML-документов.</p> <p>Подробнее: <a href="https://www.w3.org/TR/xquery/" target="_blank">официальная документация XQuery</a></p> </li> <li> <p><span class="fw-bold">CSS-селекторы (CSSPath)</span> — способ поиска элементов на странице по их CSS-классам, тегам и атрибутам. Этот метод проще, чем XPath, но менее гибкий. В отличие от XPath, CSS-селекторы работают только вглубь документа. Для поиска используются элементы, CSS-классы (псевдоклассы и псевдоэлементы тоже), идентификаторы, атрибуты, потомки и дочерние элементы. Также допускается создание комбинаций из перечисленных элементов для более точного поиска. </p> <p>Пример: найти все <code>&lt;p&gt;</code>, находящиеся внутри <code>&lt;div class="content"&gt;</code>:</p> <pre><code>div.content p</code></pre> <p>Подробнее: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors" rel="nofollow noreferrer noopener" target="_blank">MDN Web Docs по CSS-селекторам</a></p> </li> <li> <p><span class="fw-bold">HTML Templates</span> — метод, позволяющий извлекать информацию на основе заранее заданных HTML-шаблонов. Представляет собой комбинацию HTML для описания шаблона поиска нужного фрагмента.</p> </li> <li> <p><span class="fw-bold">RegExp (регулярные выражения)</span> — формальный язык регулярных выражений для поиска информации в большом количестве текста.</p> <p>Пример: если нужно найти все email-адреса в тексте:</p> <pre><code>[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}</code></pre> <p>Подробнее: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions" rel="nofollow noreferrer noopener" target="_blank">документация по регулярным выражениям на MDN</a></p> </li> </ul> <h4>Почему нельзя парсить HTML с помощью регулярных выражений (RegExp)?</h4> <p>Этот вопрос часто возникает у тех, кто начинает изучать парсинг данных. Разберемся, почему RegExp не подходят для этой задачи.</p> <p>Изучение вопроса можно начать с <a href="https://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags" rel="nofollow noreferrer noopener" target="_blank">обсуждения на Stack Overflow</a>, где подробно объясняются проблемы использования регулярных выражений для работы с HTML. Основная причина в том, что HTML — это не просто текст, а сложная структура с вложенными элементами, которые RegExp не умеют правильно обрабатывать.</p> <p>Кроме того, об этом пишут и в более серьезных источниках. Например, Джеффри Фридл, автор книги <a href="https://regex.info/book.html" rel="nofollow noreferrer noopener" target="_blank"> «Регулярные выражения»</a>:</p> <section> <blockquote class="blockquote"> <p>«Если вы пытаетесь извлекать данные из XML или HTML с помощью регулярных выражений, вам, вероятно, стоит пересмотреть свой подход. Регулярные выражения отлично подходят для поиска простых строковых шаблонов, но HTML — это вложенный, рекурсивный язык, который требует полноценного парсера для корректной обработки.»</p> <footer class="blockquote-footer"><cite>Джеффри Фридл<span class="author-role"> автор книги «Регулярные выражения».</span></cite></footer> </blockquote> </section> <h3>Обход блокировок при парсинге</h3> <p>На большинстве сайтов стоит защита от парсинга, чтобы не перегружать сервер. При попытке спарсить программа не будет отображать информацию и наполнится ошибками по каждому урлу. Обход защиты для каждого сайта свой, но наиболее популярными способами для Screaming Frog SEO Spider и SiteAnalyzer мы рассмотрели в отдельной статье.</p> </section> <section> <h2>Практика</h2> <p>Изучив парсинг чуть лучше, перейдем к практике — будем искать элементы HTML по CSS-классам, пользоваться будем парсерами Screaming Frog SEO Spider и SiteAnalyzer.</p> <h3>Задача</h3> <p>Для примера возьмем сайт <a rel="nofollow noreferrer noopener" target="_blank" href="https://lenwood.ru/">lenwood.ru</a> и найдем все элементы с CSS-классом:</p> <pre><code>“wrapper-calculator-block”</code></pre> <p>Для решения данной задачи мы можем воспользоваться XPath и CSSPath.</p> <!-- <p>Xpath требует небольшой подготовки и является актуальным для любого парсера, поэтому вынесли его в отдельный раздел, с которого и начнем.</p> <h3>Подготовка Xpath правила (Актуально для всех парсеров)</h3> <p>Используя XPath правило:</p> <pre><code>//div[@class=&quot;wrapper-calculator-block&quot;]</code></pre> <p>Мы получим все элементы div, у которых есть класс.</p> <pre><code>"wrapper-calculator-block"</code></pre> <p>Лайфхак: получать готовые правила XPath мы можем прямо со страницы в браузере. Для этого нужно нажать cочетание клавиш "Ctrl" + "Shift" + "С". Откроется консоль разработчика, а элементы на странице будут подсвечены. Наводим курсор на нужный элемент и опускаемся в консоль, кликаем правой кнопкой мыши по элементу, выбираем "Копировать", "Копировать XPath". </p> <section class="wide"> <img src="/sites/default/files/content-assets/medialibrary/1de/1de785af0c1e7f4b48485c622d437378.jpg" alt="Копируем Xpath" class="img-fluid"> </section> <p>Имейте в виду, что получить правило таким образом получится не всегда. Зависит от настроек сайта. Например, мы работаем с одним из сайтов, который при копировании Xpath добавляет к правилу айди данной страницы, выглядит это так:</p> <pre><code>//*[@id=&quot;post-1798&quot;]/section/section[2]/div/div[2]/blockquote</code></pre> <p>Данный функционал настраивается в шаблоне сайта и используется для удобства, например, при работе с элементами через JavaScript. Но для парсинга такой вариант не подходит.</p> <p>Правило готово, возвращаемся к парсингу.</p> <h3>SiteAnalyzer</h3> <p>Начнем с поиска через Xpath:</p> <h4>Поиск Xpath в SiteAnalyzer</h4> <p>Добавляем полученное правило в SiteAnalayzer и запускаем проверку.</p> <p>Будьте внимательны, если в вашем правиле находится лишний пробел или другой символ, то оно не сработает.</p> <section class="wide"> <img src="/sites/default/files/content-assets/medialibrary/98c/98cd628fa6e5def6bb45c9d38e880964.jpg" alt="Наше использование для поиска класса через Xpath" class="img-fluid"> </section> <p>В дополнительной графе появились результаты поиска.</p> <section class="wide"> <img src="/sites/default/files/content-assets/medialibrary/98c/98cd628fa6e5def6bb45c9d38e880964.jpg" alt="Наше использование для поиска класса через Xpath" class="img-fluid"> </section> <p>Элементы найдены, перейдем к CSSPath.</p> --> <h3>SiteAnalyzer</h3> <p>Инструмент для комплексного анализа веб-сайтов, оценивающий SEO-параметры, техническую корректность (например, скорость загрузки, адаптивность) и структуру контента, выявляет ошибки. Скачать и ознакомиться получше можно на <a target="_blank" rel="nofollow noopener noreferrer" href="https://site-analyzer.ru/">официальном сайте</a>.</p> <p>В статье по поиску текста мы базово познакомились с интерфейсом и функционалом SiteAnalyzer. Разобрались, как добавлять правила, поэтому повторяться не будем. Если не знаете, как добавить правило, то ознакомьтесь с <a href="https://ctr99.ru/articles/kak-nayti-slovo-ili-slovosochetanie-na-sayte/" target="_blank">разделом по поиску слов в Site-analyzer</a>. </p> <p>Site-analyzer в своей <a rel="nofollow noreferrer noopener" target="_blank" href="https://site-analyzer.ru/articles/buscr/">документации</a> разместили примеры кода для извлечения данных. В примере под номером 60 есть XPath-правило для поиска элементов по CSS-классу: </p><pre><code>//span[@class="example"]</code></pre> Но мы Xpath использовать не будем. Так как нам не требуется найти полный путь до элемента, а нужно найти только сам элемент, будем использовать CSSPath. XPath мощнее, позволяет искать элементы по частям атрибутов, структуре и тексту. <p>Для поиска нужного нам элемента подойдет правило: <code>div[class=wrapper-calculator-block]</code>. Заносим его в настройках и запускаем парсинг. </p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/e68/e68f43d9ea5d60927c11a25e2bca9058.jpg" alt="Наше использование для поиска класса через CSSpath" class="img-fluid"> </section> <p>В таблице мы видим следующее: код ответа сервера, 1 столбец. Результаты, отображается число, если есть, 2 столбец. Текстовый фрагмент, где встречается искомая фраза, 3 столбец. Мы нашли все элементы с данным классом через данный парсер, переходим к следующему.</p> <h3>Screaming Frog SEO Spider</h3> <p>Мощный краулер для аудита сайтов. Он сканирует страницы, проверяет метатеги, заголовки, ссылки и структуру, находит ошибки (битые ссылки, дубли контента), создает XML-карты и синхронизируется с Google Analytics и Search Console. Инструмент используют для SEO-оптимизации, анализа конкурентов и сбора данных для отчетов.</p> <p>«Лягушка» — один из лидеров в сфере парсинга и обладает очень широким функционалом. Хотим показать вам «Visual Custom Extraction» — функционал, суть которого в визуальном выборе нужного элемента на отрисованной веб-странице или в HTML. Можно работать как с отрисованной веб-страницей, так и с HTML версткой, что очень удобно, особенно если вы еще «плаваете» в составлении правил для парсинга.</p> <p>Начнем с того, что сразу поменяем User-Agent. Для этого открываем: Configuration/Crawl Config/User-Agent. Если забыли, где это находится, то мы подробно разбирали смену юзер агента в <a href="https://ctr99.ru/articles/kak-nayti-slovo-ili-slovosochetanie-na-sayte/">статье про поиск слова на сайте</a>. После изменения агента в том же разделе Configuration/Crawl Config/ открываем Custom/Custom Extraction и добавляем новое поисковое правило.</p> <p>После этого у нас появилась строка с шаблоном для добавления правила. Можем изменить название и прописать правильно для поиска вручную, но мы воспользуемся удобным инструментом автоматического подбора правила для поиска. Для этого нажимаем на иконку глобуса.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/692/6920057e1ada99a388971177d03b4928.png" alt="выбираем глобус" class="img-fluid"> </section> <p>После клика снова откроется дополнительное окно, в котором мы вводим URL страницы, на которой есть интересующий нас элемент. Тут мы можем переключаться среди вкладок: </p> <ul> <li>Rendered HTML – вкладка отображает HTML-код, который был уже обработан браузером. Это тот код, который на самом деле отображается на странице после всех стилей, скриптов и динамических изменений.</li> <li>Source HTML – вкладка показывает исходный HTML-код страницы, то есть код, который был загружен на веб-страницу до обработки браузером. Это обычно «чистый» код, без учёта CSS и JavaScript изменений. </li> <li>Web Page – отображает саму веб-страницу — как она выглядит в браузере с учётом всех элементов, стилей и визуальных изменений, происходящих на странице.</li> </ul> <p>Для демонстрации нам потребуется Web Page, где находится отрисованная страница. Работа с данной вкладкой напоминает просмотр страницы в браузере. При клике на элементы страницы, правила для их поиска отображаются в графе справа.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/139/1393911f3b817664ba51ae77267bf5f7.png" alt="Выбираем нужное правило для Screaming Frog" class="img-fluid"> </section> <p>Вернемся на вкладку «Source HTML» и в верстке найдем нужный нам элемент — &lt;div class=”wrapper-calculator-block”&gt; (кстати, это можно сделать через поиск). В большинстве способ подбора правила через source является удобнее, так как позволяет сразу найти нужный элемент. Но если у вас сложности с HTML, то можете воспользоваться и рассмотренным выше вариантом выбора через визуальный интерфейс. Мы сразу нашли нужный нам элемент и в графе справа «Suggestions» появилось поисковое правило. Осталось только выбрать его и нажать “Ok”. </p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/c06/c062d6e5c1a837b961e5ae4006a4aac2.png" alt="Выбираем нужное правило для Screaming Frog" class="img-fluid"> </section> <p>Правило появилось в нашем списке. Снова жмем «Ok» и сворачиваем настройку правил. Копируем URL нужного нам сайта и добавляем его в поле «Enter URL to spider» рядом с логотипом программы, нажимаем «Start». Будет запущен парсинг сайта. Время, как и в случае с SiteAnalyzer зависит от количества страниц на сайте.</p> <p>После завершения парсинга вновь жмем по вкладке «Overview» для просмотра результатов.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/33f/33f7568e7bffee4d2a8e9f8b63852013.png" alt="Использование csspath в лягушке" class="img-fluid"> </section> <p>Поиск HTML-элементов на сайте по CSS-классу – важная задача для веб-разработчиков, SEO-специалистов и владельцев сайтов. В статье мы рассмотрели, как ее выполнить с помощью двух популярных парсеров: Screaming Frog и SiteAnalayzer.</p> <div class="commercial-service-block"> <img src="https://ctr99.ru/themes/custom/ctr99/assets/img/service-placeholder.jpg" class="commercial-service-block-img item" alt="Есть вопросы по сайту? Обращайтесь — поможем!"> <h4 class="item">Есть вопросы по сайту? Обращайтесь — поможем!</h4> <div class="commercial-service-block-text item">Вы можете сами найти элемент HTML на сайте с помощью нашей инструкции. Если не получается, обращайтесь — мы поможем! Найдем нужные атрибуты и внесем в них изменения при необходимости.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/site-support"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div></section></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=394&amp;2=comment&amp;3=comment" token="WNnwRqJdER5q_SkZfnzD5AWZWrBxwa3-IpbBItEfjtw"></drupal-render-placeholder> </div> </div> Mon, 03 Feb 2025 14:45:54 +0000 Гость 394 at https://ctr99.ru https://ctr99.ru/articles/kak-iskat-html-elementy-i-ih-atributy#comments Защита авторских прав в Интернете: советы юриста https://ctr99.ru/articles/zashchita-avtorskikh-prav-v-internete-sovety-yurista <span>Защита авторских прав в Интернете: советы юриста</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2024-03-22T15:31:12+03:00" title="пятница, 22 марта 2024 - 15:31">пт, 22 Мар. 2024 - 15:31</time> </span> <div><section> <p class="lead">Авторское право в интернете обеспечивает защиту интеллектуальных прав создателя или правообладателя на визуальный или текстовый контент. Перечень материалов, подлежащих защите, остается открытым: в законе не перечислены все возможные виды охраняемых объектов. Это могут быть тексты, медиа, видео, изображения, фотографии, логотипы, дизайнерские решения и иные творческие продукты.</p> <p class="lead">В настоящее время все чаще отмечаются случаи незаконного использования авторских материалов в Интернете. Это объясняется тем, что в глобальной сети сложно отследить случаи незаконного использования авторских материалов. Ситуация осложняется и тем, что автор и правообладатель контента не всегда известен или с ним сложно установить связь. Мы уже рассказали, <a href="https://ctr99.ru/articles/mozhno-li-i-kak-ispolzovat-materialy-drugikh-avtorov-v-seti/">можно ли использовать материалы других авторов в сети</a> и как это делать законно. А в этой статье дадим инструкции авторам, которые хотят защитить произведенный контент.</p> </section> <section> <h2>Как защитить авторские права на изображения, текст и дизайн</h2> <p>Наиболее распространенными видами контента, с которым работают или производят клиенты нашего интернет-агентства, являются изображения, текст и дизайн. Именно поэтому далее будем рассматривать защиту прав именно на эти виды материалов.</p> <h3 class="mt-4">Защита авторских прав на изображения и медиа</h3> <p>Изображение (в том числе и фотография) относятся к категории фотографических произведений, указанных в норме <a href="https://www.consultant.ru/document/cons_doc_LAW_64629/be05678dc42ddc67aae5be9ba9beebd367fb9a3f/" rel="nofollow noreferrer">ч. 1 ст. 1259 Гражданского кодекса</a>. Законодательной защите подлежат не только оригинальные изображения, но и продукты их переработки (п. 1 ч. 2 ст. 1259 ГК РФ).</p> <p>Основной метод защиты изображения — информирование об ответственности за его незаконную эксплуатацию. В этом случае также необходимо указать способы связи с правообладателем для получения согласия.</p> <p>При размещении на личном сайте или странице в социальной сети необходимо указать условия использования изображения в качестве авторского объекта. В отдельных случаях можно установить защиту от копирования. Но в настоящий момент существует сервисы, которые её запросто обходят.</p> <div class="comment mb-3"> <p>Отдельный статус имеют личные фотографии человека, их положение регламентировано нормами <a href="https://www.consultant.ru/document/cons_doc_LAW_5142/14c6c3902cffa17ab26d330b2fd4fae28e5cd059/" rel="nofollow noreferrer">ст. 152.1 ГК РФ</a>. Закон указывает, что использовать личные фотографии лица можно только после получения его согласия, а после его смерти — с согласия близких родственников. Согласие не требуется, если фото:</p> <ul> <li>применяется в государственных или общественных целях;</li> <li>создано в публичном месте;</li> <li>создано в процессе позирования за плату.</li> </ul> <p>Лицо, изображенное на фото, может требовать удаления объекта, если его использование противоречит закону и нарушает права лица.</p> <p>В судебной практике, а именно в решениях Верховного Суда РФ можно увидеть, что обнародование и использование личного изображения (ст. 152.1 ГК РФ) не считается объектом интеллектуальных прав и их защита не урегулирована нормами ГК РФ. Отсюда следует, что требовать защиты следует по нормам <a href="https://www.consultant.ru/document/cons_doc_LAW_64629/34cb4b35c91b4a57312a305b1b6065cd3dc909fa/" rel="nofollow noreferrer">ст. 1251</a> и <a href="https://www.consultant.ru/document/cons_doc_LAW_64629/a68c2e03d7967da86ff598906972cd025196845e/" rel="nofollow noreferrer">ст. 1252</a> ГК РФ (п. 34 Постановление Пленума Верховного Суда РФ от 23 апреля 2019 г. № 10 "О применении части четвертой Гражданского кодекса Российской Федерации).</p> <p>Защита фотографий людей осуществляется по нормам, регламентирующим статус объектов авторского права. В отдельных случаях фотографии рассматриваются как объект персональных данных. Так, согласно <a href="https://www.consultant.ru/document/cons_doc_LAW_61801/" rel="nofollow noreferrer">нормам ФЗ "О персональных данных"</a> обработка биометрических персональных данных может осуществляться только по письменному согласию субъекта.</p> <p>Аналогичную позицию занимают и судебные органы — суд указал, что организацией были нарушены нормы вышеуказанного закона, так как в ее работе использовались фотографии без письменного согласия людей, изображенных на них (<a href="https://www.v2b.ru/documents/opredelenie-verhovnogo-suda-rf-ot-05-03-2018-307-kg18-101/" rel="nofollow noreferrer">Определение Верховного Суда РФ от 5 марта 2018 г. N307-КГ18-101</a> по делу № А42-342/2017).</p> </div> <h3 class="mt-4">Защита прав на текст</h3> <p>Объектом авторского права также является любой цифровой контент, за исключением идей, фактов, названий и заголовков. То есть тексты тоже относятся к охраняемым законом объектам.</p> <p>В силу презумпции авторства (<a href="https://www.consultant.ru/document/cons_doc_LAW_64629/be05678dc42ddc67aae5be9ba9beebd367fb9a3f/" rel="nofollow noreferrer">п. 4 ст. 1259 Гражданского кодекса РФ</a>) регистрировать авторские права на цифровой контент, в том числе и текст, необязательно. Право собственности и авторские права возникают автоматически при создании материала. Исключительное право может устанавливаться специальным знаком охраны авторских прав — копирайтом ©, который указывается на текстовом произведении. Также указываются сведения о владельце прав и год публикации.</p> <p>Материал в цифровой форме маркируется знаком копирайта под каждым текстом или в каждом блоке сайта. Использовать знак копирайта также необязательно. Это право, а не обязанность автора.</p> <section class="wide"> <div class="row"> <div class="col-md-3 caption"> <p>На сайтах знак копирайта обычно размещают в подвале рядом с названием компании. Как пример — знак копирайта на сайте переводческой компании English Geeks.</p> </div> <div class="col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/558/55868ca26ddc3c584a5d7814d0102419.jpg" class="img-fluid" alt="Знак копирайта на сайте"> </div> </div> </section> <div class="commercial-service-block"> <img src="https://ctr99.ru/sites/default/files/migrate/5f6741e498da7fd08dfed1c3616e1f3b.jpg" class="commercial-service-block-img item" alt="Нужны уникальные тексты?"> <h4 class="item">Нужны уникальные тексты?</h4> <div class="commercial-service-block-text item">Создадим уникальный контент для вашего сайта — без рисков и нарушений. Права на материалы будут принадлежать только вам.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/kopirayting"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> <h3 class="mt-4">Защита прав на логотип и дизайн</h3> <p>Результаты интеллектуальной деятельности, выраженные в графическом формате, тоже относятся к защищаемым авторским правом объектам. К примеру, дизайном сайта считаются эстетические решения для оформления ресурса: шаблоны, иконки, уникальные цветовые фоны и прочее.</p> <div class="comment mb-4"> <p>Понятие такого ресурса, как веб-сайт, регламентируется нормами <a href="https://www.consultant.ru/document/cons_doc_LAW_61798/" rel="nofollow noreferrer">ФЗ «Об информации, информационных технологиях и о защите информации»</a>. Прежде всего, он характеризуется как объект, включающий в себя несколько программ для ЭВМ.</p> </div> <div class="commercial-service-block"> <img src="https://ctr99.ru/sites/default/files/migrate/2edb31ae1d6f11f3acd76f51a8b6a71c.jpg" class="commercial-service-block-img item" alt="Поможем создать дизайн сайта"> <h4 class="item">Поможем создать дизайн сайта</h4> <div class="commercial-service-block-text item">Если бюджет ограничен, можем предложить шаблоны — на первое время их будет достаточно, и проблем с авторскими правами не возникнет (работаем с шаблонами, лицензия которых разрешает их использование). Если же нужен уникальный дизайн, привлечем дизайнера, но это потребует дополнительных затрат.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/sozdanie-dizayna-sayta"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> <p>Если рассматривать логотип, то он считается графическим символом компании. Это уникальный элемент графики, который раскрывает имидж и образ организации, является частью фирменного стиля и средством индивидуализации.</p> <p>Авторское право на логотип возникает автоматически согласно норме <a href="https://www.consultant.ru/document/cons_doc_LAW_64629/be05678dc42ddc67aae5be9ba9beebd367fb9a3f/" rel="nofollow noreferrer">ст. 1259 ГК РФ</a>. Для защиты прав на логотип и дизайн используется ряд способов:</p> <ul> <li>Депонирование в цифровом формате с помощью <a href="https://nris.ru/" rel="nofollow noreferrer">электронного сервиса n'RIS</a>. Логотип загружается на специальный ресурс, а сведения о нем сохраняются в блокчейне. </li> <li><a href="https://nris.ru/artcloud/" rel="nofollow noreferrer">Сервис «Арт Клауд»</a> от вышеупомянутого n'RIS. Он часто используется веб-дизайнерами и художниками для защиты своих авторских прав.</li> <li>Проведение процедуры регистрации товарного знака в <a href="https://rospatent.gov.ru/ru" rel="nofollow noreferrer">Роспатенте</a>. На ее основе правообладатель получает свидетельство о регистрации товарного знака и исключительное право на дизайн или логотип.</li> </ul> <div class="comment mb-3"> <p>19 января 2022 года Арбитражный суд Республики Башкортостан <a href="https://sudact.ru/arbitral/doc/stMxSGVs8ilR/" rel="nofollow noreferrer">взыскал</a> компенсацию с ИП С. Богдановой за нарушение права на персонажа — медвежонка «Me To You Tatty Teddy», владельцем которого является «Карт Бланш Гритингс Лимитед». В апелляции ответчица ссылалась на положение о «недружественности» истца и на недоказанность авторских прав, на требование рассмотрения спора Правительственной комиссией по контролю за осуществлением иностранных инвестиций (комиссия по работе с юридическими лицами из «недружественных» государств).</p> <p>Суд вынес решение на основе презумпции авторства, указанной в <a href="https://www.wipo.int/treaties/ru/ip/berne/" rel="nofollow noreferrer">Бернской конвенции</a>, — автором считается то лицо, которое указано на экземпляре изображения.</p> </div> <div class="commercial-service-block"> <img src="https://ctr99.ru/sites/default/files/migrate/a0488aa9f72ffb4f178c16693e9c0116.jpg" class="commercial-service-block-img item" alt="Поможем создать оригинальный логотип"> <h4 class="item">Поможем создать оригинальный логотип</h4> <div class="commercial-service-block-text item">Никаких шаблонов и, тем более, заимствований у других компаний — только уникальный дизайн, точно отражающий ваши цели и специфику бизнеса.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/sozdanie-logotipa"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> </section> <section> <h2>Как понять, что авторские права нарушены</h2> <p>Выявить нарушения авторских прав достаточно просто. Прежде всего, признаком нарушения является наличие объекта авторского права на публичных ресурсах:</p> <ul> <li>сторонних сайтах;</li> <li>в социальных сетях другого человека (которому не были переданы права на произведение).</li> </ul> <div class="comment mb-3"> <p>Чтобы проверить нарушение авторских прав в Интернете на ваше произведение, можно воспользоваться доступными инструментами.</p> <ul> <li><span class="fw-bold">Как выявить использование вашего изображения.</span> В Google, Яндексе и других поисковиках есть функция визуального поиска. Необходимо загрузить изображение в специальное окно, и спустя несколько секунд поисковик покажет сайты, которые используют это или максимально похожее на него изображение. Еще для этой задачи можно найти специальные онлайн-сервисы типа <a href="https://tineye.com/" rel="nofollow noreferrer">TinEye</a>.</li> <li><span class="fw-bold">Как выявить использование вашего текста.</span> С этой задачей справится антиплагиат. Популярным бесплатным сервисом является <a href="https://text.ru/" rel="nofollow noreferrer">Текст.ру</a>. Он выдаст список ресурсов, на которых используется ваш текст.</li> </ul> <p>Если вы настроены серьезно, можно обратиться в специальные организации, которые занимаются выявлением нарушения авторских прав и оказывают услуги по их защите в суде.</p> </div> </section> <section class="wide"> <div class="row"> <div class="col-md-3 caption"> <p>Мы проверили уникальность статьи, опубликованной на сайте нашего клиента про <a href="https://www.tran-express.ru/blog/oh-nelegkaya-eto-rabota-truditsya-v-byuro-perevodov" rel="nofollow noreferrer">особенности работы в бюро переводов</a>. Как выяснилось, материал расположен еще на одном ресурсе.</p> <p>Кстати, у нас есть материал о том, <a href="https://ctr99.ru/articles/tak-li-vazhna-unikalnost-kontenta-dlya-poiskovikov/">как уникальность текста влияет на его позиции в поисковике</a>. Можете ознакомиться. Спойлер: если вашу статью скопипаситили, вряд ли это повлияет на позиции материала в поисковой выдаче. Если он был в топе, он там и останется.</p> </div> <div class="col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/095/095cf310e71c2f771c532048481a65d6.jpg" class="img-fluid" alt="Пример проверки уникальности текста статьи"> </div> </div> </section> <section> <h2>Что делать, если авторские права нарушены</h2> <p>Если вы выявили нарушение авторских прав, можете:</p> <ul> <li>попросить нарушителя признать авторство и указать данные правообладателя;</li> <li>попросить удалить материал;</li> <li>опубликовать судебное решение, вынесенное по вопросу нарушения авторских прав;</li> <li>требовать компенсации.</li> </ul> </section> <p>Порядок разрешения подобных споров аналогичен общему порядку: для начала необходимо связаться с нарушителем и постараться решить проблему в претензионном порядке. Если нарушитель проигнорировал требования правообладателя, последний может обратиться в суд за защитой своих прав.</p> </div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=393&amp;2=comment&amp;3=comment" token="zge_YlRnZuYUR8k5Vx3qjpFgdJ16l1a9j67RMM5BQZQ"></drupal-render-placeholder> </div> </div> Fri, 22 Mar 2024 12:31:12 +0000 Гость 393 at https://ctr99.ru https://ctr99.ru/articles/zashchita-avtorskikh-prav-v-internete-sovety-yurista#comments Как обуздать "виртуальный" robots.txt у сайта на вордпрессе — ответ на вопрос https://ctr99.ru/articles/virtualniy-robots-txt-answer <span>Как обуздать "виртуальный" robots.txt у сайта на вордпрессе — ответ на вопрос</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2024-01-09T19:12:09+03:00" title="вторник, 9 января 2024 - 19:12">вт, 9 Янв. 2024 - 19:12</time> </span> <div><section class="question"> <h2>Вопрос</h2> <div class="fst-italic"> <p>Яндекс Вебмастер прислал уведомление, что у нас ошибка в карте сайте. Мы пошли проверять и заметили, что яндекс ссылается на какую-то странную карту сайта, которую мы не используем, но нормальную карту, которую мы создали и ему скормили, тоже видит. В Яндекс Вебмастере есть приписка, что ссылка на странную карту была обнаружена в файле robots.txt, но мы его не создавали. Проверили, есть ли файл robots в корне сайта. Его там нет, но по адресу site.ru/robots.txt он открывается с какими-то базовыми правилами и этой неправильный ссылкой на карту. Сайт на вордпрессе. Как такое возможно? Доступы к сайту направили.</p> </div> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/c2a/c2aff2e531fe1e9cf12ce4575bd9ec4e.png" class="img-fluid" alt="Скриншот из Яндекс Вебмастера"> </section> <section class="answer"> <h2>Ответ</h2> <p>Дело в вордпрессе. Вордпресс генерирует файл robots.txt динамически, если физический файл не обнаружен в корне сайта. За это отвечает функция <a rel="nofollow noreferrer noopener" href="https://developer.wordpress.org/reference/functions/do_robots/">do_robots()</a></p> <p>Проблема в том, что эта функция не добавляет ссылку на карту сайта =) Вероятно, есть какой-то еще плагин, который вносит изменения в robots.txt.</p> <p>Мы проверили <a rel="nofollow noreferrer noopener" href="https://wordpress.org/support/plugin/google-sitemap-generator/">плагин</a>, который у вас отвечает за создание карты сайта. И, как и ожидалось, проблема была в нем.</p> <section class="wide"> <div class="row"> <div class="col-md-3"> <p>У вас стоит галка добавлять путь к карте сайта в виртуальный robots.txt, который создает вордпресс.</p> <p>Но у вас также указано, что файл должен называться sitemap, а в robots добавляется просто "точка" (".xml"). Возможно, это баг плагина, но мы не копали глубже.</p> </div> <div class="col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/e3d/e3dedb613f31bd98d2a664b99f425573.png" class="img-fluid" alt="скрин с настройками плагина XML Sitemap Generator for Google"> </div> </div> </section> <p>Простое решение (<span class="fw-bold">рекомендуем</span>) — снять галку с "добавлять путь к карте сайта" и добавить файл robots.txt вручную в корень сайта со всеми нужными правилами и правильным путем к карте сайта.</p> <p>Решение посложнее. Снять галку и в файле с функциями прописать свою логику для формирования файла robots.txt, используя hook <a href="https://developer.wordpress.org/reference/hooks/robots_txt/" rel="nofollow noreferrer noopener">robots_txt</a>. Если честно, никогда не сталкивались с необходимостью формировать robots именно через хук (возможно, столкнемся на каком-то огромном проекте с кучей правил по запрету индексации для разных юзер-агентов). Просто создать файл и положить его в корень сайта — это быстро, "дешево" и надежно.</p> <p>Третье решение (для разнообразия). Если есть желание и время, все же разобраться в баге плагина или попробовать другой плагин.</p> <div class="commercial-service-block"> <img src="https://ctr99.ru/themes/custom/ctr99/assets/img/service-placeholder.jpg" class="commercial-service-block-img item" alt="SEO"> <h4 class="item">SEO</h4> <div class="commercial-service-block-text item">Поможем исправить проблемы с индексированием и улучшить видимость сайта в поиске!</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/seo"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> </section></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=390&amp;2=comment&amp;3=comment" token="qFarotQld67rwAyvB_RTKltwyg_5aWFY72OJ6joj49Q"></drupal-render-placeholder> </div> </div> Tue, 09 Jan 2024 16:12:09 +0000 Гость 390 at https://ctr99.ru https://ctr99.ru/articles/virtualniy-robots-txt-answer#comments Как и нужно ли проставлять редирект для страниц со слешем в конце URL — ответ на вопрос https://ctr99.ru/articles/kak-i-nuzhno-li-prostavlyat-redirekt-dlya-stranic-so-sleshem-v-konce-url-otvet-na-vopros <span>Как и нужно ли проставлять редирект для страниц со слешем в конце URL — ответ на вопрос</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2023-12-21T11:31:42+03:00" title="четверг, 21 декабря 2023 - 11:31">чт, 21 Дек. 2023 - 11:31</time> </span> <div><section class="question"> <h2>Вопрос</h2> <div class="fst-italic"> <p>Мы ежемесячно проверяем эффективность своего сайта в сервисе Google Search Console (GSC). При поверке обязательно заглядываем во вкладку "Эта страница не проиндексирована: Не найдено (404)", чтобы определить, какие страницы больше недоступны, и проставить редиректы в случае, если у страницы поменялся URL.</p> <p>Во время последней проверки столкнулись с ситуацией, в которой не совсем понятно, как правильно поступить. Описываем суть.</p> <p>Наша компания занимается переводами документов и текста с и на английский язык, а на сайте представлены отдельные страницы по документам, которые мы переводим. Когда сайт только создавали, его структура не была сформирована до конца, поэтому изначально URL одного из документов выглядел так — <span class="fw-italic">https://englishgeeks.ru/perevod-otcheta-o-provedennyh-rabotah-na-angliyskyy</span>.</p> <p>Позже структура сайта изменилась, и к существующим урлам для страниц документов добавилось слово <span class="fw-italic">document</span>. Новый URL теперь выглядит так — <span class="fw-italic">https://englishgeeks.ru/document/perevod-otcheta-o-provedennyh-rabotah-na-angliyskyy</span>. Конечно, мы проставили редиректы на всех страницах документов со старого урла на новый, чтобы ссылки на сайтах, которые вели на страницу этого документа не отдавали ошибку 404.</p> <p>Но при последней проверке GSC обнаружилось, что страница с урлом <span class="fw-italic">https://englishgeeks.ru/perevod-otcheta-o-provedennyh-rabotah-na-angliyskyy/</span> отдает ошибку 404. То есть это старый урл, но со слешем на конце. Мы проверили, какая страница ссылается на несуществующую страницу — оказалось, что она же и ссылается (скриншот прикрепили). Подскажите, пожалуйста, как такое возможно? Нужно ли ставить редирект в данном случае?</p> <p>Сразу отмечу, что наш сайт работает на WordPress.</p> </div> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/a3c/a3c5819328d738bd2dfba29691c93881.jpg" class="img-fluid" alt="Скриншот из GSC"> </section> <section class="answer"> <h2>Ответ</h2> <p>Начнем с решения проблемы. Путь страницы с косой чертой в конце и без нее — это <span class="fw-bold">две разные страницы</span> для поисковика. Поэтому важно проверить, как у вас настроен редирект. Если путь без косой черты нормально перенаправляется на новый, а с косой чертой не перенаправляется, то, возможно, вы забыли указать в настройках, что косая черта должна игнорироваться. Давайте проверим.</p> <p>На вашем сайте за редиректы отвечает плагин <a rel="nofollow noreferrer noopener" href="https://redirection.me/">Redirection</a>. Это хороший надежный плагин, его используют многие сайты. В его работе проблемы нет точно. Давайте посмотрим, как проставлен редирект.</p> <section class="wide"> <div class="row"> <div class="col-md-3"> <p>В плагине удобная строка поиска, легко найти нужный урл, просто набрав его часть.</p> </div> <div class="col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/174/174fe385768f3400a50b0db37498b27c.png" class="img-fluid" alt="нужный урл в списке плагина redirection"> </div> </div> </section> <p>Сразу видно, что исходный урл указан без косой черты, в параметрах запроса выбрано "точное соответствие". Теперь важно проверить, что указано в параметрах урла (выпадающий список справа от самого урла).</p> <p>В параметрах урла можно выбрать 3 опции. Сейчас не отмечено ничего.</p> <section class="wide"> <div class="row"> <div class="col-md-5"> <p>Если бы у нас было несколько урлов с каким-то одинаковым паттерном (например, все урлы с каким-то определенным словом перенаправь на вот эту страницу), который мы бы могли повторить с помощью языка регулярных выражений, то можно было бы отметить эту опцию. Но у нас довольно простой случай, для которого еще и есть готовая опция "игнорировать косую черту".</p> </div> <div class="col-md-7"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/364/364bfb0cbc58eb9bdb13c5ecf1ec0968.png" class="img-fluid" alt="опции плагина redirection для исходного урла"> </div> </div> </section> <p>Мы проставили галку "игнорировать косую черту", теперь плагин будет перенаправлять все совпавшие пути с косой чертой в конце или без. Для отслеживания редиректов мы используем сервис <a rel="nofollow noreferrer noopener" href="https://wheregoes.com/">WhereGoes</a>, но вы можете проверить и другим инструментом (их много).</p> <section class="wide"> <div class="row"> <div class="col-md-3"> <p>Теперь все в порядке. Исходный урл с косой чертой тоже перенаправляется на новый, а не отдает 404 ошибку.</p> </div> <div class="col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/dce/dcedad79c2729b7a41406e7d7822fc69.png" class="img-fluid" alt="скрин сервиса wheregoes с подтверждением редиректа"> </div> </div> </section> <p>Что касается ситуации с тем, что в консоли гугла в ссылающейся странице указана сама же страница, то дать однозначный ответ, почему так произошло, не можем. Робот гугла фиксирует страницы, с которых он совершил переход, чтобы была возможность отследить "источник информации". Обычно там дочерняя или родительская страницы. Догадки мы не любим, поэтому запросили мнения других специалистов <a href="https://support.google.com/webmasters/thread/250132159/%D0%A1%D1%81%D1%8B%D0%BB%D0%B0%D1%8E%D1%89%D0%B0%D1%8F%D1%81%D1%8F-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0-%D1%81%D0%B0%D0%BC%D0%B0-%D0%B6%D0%B5-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0" rel="nofollow noopener noreferrer">на справочном форуме гугла</a>. Если кратко, то советуют игнорировать информацию в ссылающихся страницах и считают этот функционал недоработанным, потому что он:</p> <ol> <li>показывает не все ссылающиеся страницы;</li> <li>часто показывает устаревшую информацию, потому что не так часто обновляется база данных.</li> </ol> <div class="commercial-service-block"> <img src="https://ctr99.ru/themes/custom/ctr99/assets/img/service-placeholder.jpg" class="commercial-service-block-img item" alt="SEO"> <h4 class="item">SEO</h4> <div class="commercial-service-block-text item">Настроим корректные редиректы и поможем улучшить видимость сайта в поиске!</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/seo"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> </section></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=398&amp;2=comment&amp;3=comment" token="kJCHw_VqAfJM-U624LOb60_4Ptic0QLz2CG-m8O7zgw"></drupal-render-placeholder> </div> </div> Thu, 21 Dec 2023 08:31:42 +0000 Гость 398 at https://ctr99.ru https://ctr99.ru/articles/kak-i-nuzhno-li-prostavlyat-redirekt-dlya-stranic-so-sleshem-v-konce-url-otvet-na-vopros#comments Как найти слово на сайте и какие инструменты для этого есть https://ctr99.ru/articles/kak-nayti-slovo-ili-slovosochetanie-na-sayte <span>Как найти слово на сайте и какие инструменты для этого есть</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2023-02-14T09:44:34+03:00" title="вторник, 14 февраля 2023 - 09:44">вт, 14 Фев. 2023 - 09:44</time> </span> <div><p>Если ваша организация изменила адрес или номер телефона и его нужно поправить на всех страницах сайта, необязательно просматривать каждую вручную, чтобы найти те, где есть устаревшая информация. Для этого можно воспользоваться автоматизированными способами поиска нужного слова или словосочетания. В этой статье расскажем о наиболее удобных, на наш взгляд.</p> <h2>Поиск слова</h2> <p>Поиск слова или словосочетания - то, с чем сталкивается большая часть пользователей. Например, у вас на сайте поменялась какая-то информация и везде ее нужно изменить. Это может быть производитель оборудования или другая статичная информация. Поиск можно осуществить двумя способами: поисковыми операторами и парсерами.</p> <h3>Поисковые операторы</h3> <p>В поисковых системах есть специальные символы, слова и фразы для конкретизации запроса, они называются поисковыми операторами. Операторов большое количество, ознакомиться с ними можно в документации используемого поисковика: <a href="https://yandex.ru/support/search/query-language/qlanguage.html">Яндекса</a> или <a href="https://support.google.com/vault/answer/2474474?hl=ru">Google</a>.</p> <p>Нас интересует оператор, который позволяет найти нужное словосочетание в пределах одного сайта, - site:.</p> <p>Используется он так: site: доменное_имя.ru нужное слово.</p> <p>Обратите внимание, что для того, чтобы найти упоминания конкретной фразы ее нужно выделить в кавычки. Без кавычек поисковик покажет все похожие вхождения.</p> <p>Работоспособность данного оператора проверим через поисковые системы Google и Яндекс.</p> <blockquote class="blockquote with-photo"> <img class="author-photo" src="https://ctr99.ru/sites/default/files/content-assets/iblock/3f8/3f8f28da09952f26f1c0524e40657b14.jpg"> <p>Чтобы по своему запросу в Google или Яндексе получить подходящие результаты, можно использовать не только поисковые операторы, но и специальные символы. Одни из таких — кавычки. Если заключить в них фразу, поисковая система будет искать именно ее, а не отдельные слова в разных комбинациях. Если кавычки не использовать, поисковики могут показать страницы, которые связаны с отдельными словами из запроса. </p> <p>Рассмотрим на примере: найдем страницы, на которых встречается фраза <span class="fw-bold">пример перевода</span>. Вбиваем ее в поисковик без кавычек. Google и Яндекс помимо подходящих страниц нашли:</p> <ul> <li>Страницы, на которых упоминается отдельные слова из фразы в разных формах: перевод, переводов, пример, примеров, примера и так далее.</li> <li>Страницы, на которых упоминаются оба слова из фразы, но они никак не связаны друг с другом.</li> </ul> <p>Когда заключили фразу в кавычки (<span class="fw-bold">"пример перевода"</span>), получили меньшее количество страниц, чем в первый раз. Но фраза на них упоминается именно в той форме, которой мы вбили ее в поисковик.</p> <p>Но это не показывает, что какой-то вариант лучше или хуже. Все зависит от целей поиска. И кстати, кавычки — не единственный спецсимволы, которые помогают уточнить запрос. При желании можете ознакомиться с полным списком символов в <a href="https://yandex.ru/support/direct/keywords/symbols-and-operators.html" target="_blank" rel="noopener noreferrer nofollow">Яндексе</a> и <a href="https://support.google.com/websearch/answer/2466433?hl=ru" target="_blank" rel="noopener noreferrer nofollow">Гугл</a>.</p> <footer class="blockquote-footer"> <cite>Ольга Сидорова <span class="author-role">специалист по контенту</span></cite> </footer> </blockquote> <h4>Использование оператора site: в Google</h4> <p>Для примера взяли сайт бюро переводов <a href="https://tran-express.ru/">ТранЭкспресс</a> и попытались найти на нем несколько фраз. Одна из них - “подсчет слов”. </p> <p>Чтобы проиллюстрировать пример точных вхождений и всех схожих фраз мы поочередно вставляем в поисковую строку:</p> <ul> <li>site:https://www.tran-express.ru/ подсчет слов;</li> <li>site:https://www.tran-express.ru/ "подсчет слов".</li> </ul> <p>Google выдал список страниц сайта, на которых встречается эта фраза.</p> <section class="wide"> <p>Мы использовали <span class="fw-bold">site:https://www.tran-express.ru/ подсчет слов</span>. Фраза была без кавычек и в поиске появилось 33 результата.</p> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/e09/e092fbae7b4acf6042d1315e8fe38cbf.jpg" alt="Поиск в гугле первой фразы без кавычек" class="img-fluid"> </section> <section class="wide"> <p>Пробуем <span class="fw-bold">site:https://www.tran-express.ru/ "подсчет слов"</span>. На запрос фразы в кавычках Google показал только 2 результата.</p> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/1d5/1d5e39078f3dc69b12dcc53218b5c40e.jpg" alt="Поиск в гугле первой фразы с кавычками" class="img-fluid"> </section> <p>Изучив поисковую выдачу Google, рассмотрим, что выдаст Яндекс.</p> <h4>Использование оператора site: в Яндекс.</h4> <p>Для проверки работоспособности поискового оператора в Яндексе будем искать такие же фразы, что и в гугле.</p> <section class="wide"> <p><span class="fw-bold">site:https://www.tran-express.ru/ подсчет слов</span>. К сожалению, Яндекс не выводит количество результатов, но на скриншоте видим, что первая страница поиска заполнена при поиске фразы без кавычек.</p> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/f23/f23049e68a4d5fa7c1d60621b849019d.jpg" alt="Поиск в яндексе первой фразы без кавычек" class="img-fluid"> </section> <section class="wide"> <p><span class="fw-bold">site:https://www.tran-express.ru/ "подсчет слов"</span>. В кавычках только 2.</p> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/35d/35df49432f273bd282f5b4147c8d81fc.jpg" alt="Поиск в яндексе первой фразы с кавычками" class="img-fluid"> </section> <p>Использовать этот подход рационально, если нужно:</p><p> </p><ul> <li>проверить, отображаются ли конкретные страницы в поиске;</li> <li>оперативно получить страницы с использованием конкретной фразы;</li> <li>найти определенную информацию на одной-двух страницах.</li> </ul> <p>Если хотите получить полный список страниц с вашей фразой, следует воспользоваться подходом с парсерами, о котором рассказываем ниже.</p> <h3>Парсеры для поиска слов</h3> <p>Для поиска нужной информации на сайте можно воспользоваться парсерами - программами, которые собирают информацию с веб-ресурса и выдают ее в нужном формате. Парсеров существует большое количество: платные и бесплатные, для сбора цен, для совместных покупок и так далее.</p> <p>Начнем с того, что поиск в парсерах осуществляется на базе поисковых правил. Подробно о поисковых правилах мы рассказываем во второй части, т.к. для базовой работы с парсерами эта информация не является необходимой.</p> <p>Мы будем взаимодействовать с двумя парсерами: SiteAnalyzer и Screaming Frog SEO Spider</p> <h4>SiteAnalyzer</h4> <p><a href="https://site-analyzer.ru/" target="_blank" rel="nofollow noreferrer noopener">SiteAnalyzer</a> - программа для SEO-аудита. SiteAnalyzer ранее предлагал бесплатную лицензию за регистрацию. На сегодняшний день у программы также две версии: бесплатная с урезанным функционалом и полная, доступная после покупки лицензии. Ознакомиться со стоимостью лицензий и ограничениями бесплатной версии можете на сайте.</p> <p>Для работы необходимо скачать программу и зарегистрироваться, процесс скачивания и регистрации пропустим, а остальные этапы пошагово рассмотрим.</p> <h5>Шаг 1. Настройка и получение информации о сайте</h5> <p>Нужно получить список всех страниц. Для этого открываем SiteAnalyzer и вставляем урл сайта. Затем нажимаем на кнопку "Старт". Запускается проверка сайта, длительность зависит от количества страниц на нем.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/d87/d87c1b8ab210f1c81f1b4c76cb538312.jpg" alt="Начинаем парсинг через сайтаналайзер" class="img-fluid"> </section> <p>После проверки вкладки программы заполняются информацией: всеми ссылками с сайта, временем отклика страниц, SEO-информацией и другими данными. Подробно прочитать о каждой из вкладок можно в <a href="https://site-analyzer.ru/articles/buscr/" rel="nofollow">документации SiteAnalayzer</a>.</p> <p>В редких случаях парсинг может не получиться. Причины у этого могут быть разные. Например, установлена защита на хостинге. Если вы столкнулись с тем, что сайт не парсится, попробуйте сменить User-Agent в SiteAnalayzer.</p> <p>User-Agent - это строка, которую браузер, а в нашем случае парсер, отправляет на сервер при запросе веб-страниц. Она содержит информацию об операционной системе, браузере и другие данные.</p> <p>Чтобы сменить User-Agent, перейдите в настройки, далее кликните на "User-Agent" и выберите YandexBot или GoogleBot. После этого повторите парсинг.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/0b5/0b5ac5a0f16d3bd3a845767c1ca4c7a4.jpg" alt="Настройки SiteAnalayzer" class="img-fluid"> </section> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/c0c/c0cd6f41f353b3e34a44abbe12ceb4df.jpg" alt="Смена User-Agent если не работает парсинг" class="img-fluid"> </section> <h5>Шаг 2. Поиск</h5> <p>Если парсинг прошел успешно и вы получили основную информацию о сайте, переходим к следующему шагу - поиску интересующей фразы. Для этого переходим во вкладку “Извлечение данных”.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/309/3098a7b0f9086fc869fa93f3ee6f3ea0.jpg" alt="Отображение информации после тестового парсинга" class="img-fluid"> </section> <p>Если добавлены правила для поиска, в графе "Результаты" выводится количество. Мы не задали ни одного правила, поэтому столбец пустой.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/6d9/6d9fdc78e218095649d8b57d53d268ea.jpg" alt="Информация со вкладки извлечения данных" class="img-fluid"> </section> <p>Перейдем к этапу внесения правил.</p> <p>Мы хотим найти словосочетание “подсчет слов”. Для этого воспользуемся методом RegEx. <span class="fw-bold">Важный момент</span>, мы используем RegEx (регулярные выражения), потому что, на момент написания статьи, в функционале данного парсера поиск слов и словосочетаний был возможен только таким образом. Если кратко, то использовать регулярные выражения для парсинга HTML не рекомендуется, поскольку HTML обладает вложенной и рекурсивной структурой, которую RegEx не способен корректно обработать.</p> <section class="wide"> <div class="row"> <div class="col-md-3"> <p>Чтобы найти фразу, необходимо составить регулярное выражение. Разумеется, это можно сделать самостоятельно, прочитав документацию. Но самым простым вариантом является использование <a href="https://regex-generator.olafneumann.org/?sampleText=&amp;flags=i">RegEx генератора</a> или нейросети. В данном случае правило является абсолютно идентичным искомому тексту.</p> </div> <div class="col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/acb/acbfdedbd19afc270aa6601cf58dc60c.jpg" alt="Генератор RegEx" class="img-fluid"> </div> </div> </section> <p>RegEx можно использовать для поиска отдельных HTML тегов. Также он позволяет исключать из поиска отдельные элементы, для этого нужна конструкция: [^исключение] - в квадратных скобках указывается искомый элемент, а ^ означает исключение. Правилом [^0-9] мы исключаем из поиска все цифры.</p> <p>Возвращаемся к SiteAnalyzer и выбираем на верхней панели “Проекты”, в открывшемся окне нажимаем “Настройки”.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/0b5/0b5ac5a0f16d3bd3a845767c1ca4c7a4.jpg" alt="Настройки SiteAnalayzer" class="img-fluid"> </section> <p>Добавляем название правила. Оно может быть любым, но для наглядности лучше использовать формулировку самого правила. Выбираем RegEx и вносим правило. Важно поставить галочку у “Правила извлечения данных”.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/145/1455d7c1fdfe88e9e788878a5fc29677.jpg" alt="Ввод правила SiteAnalayzer" class="img-fluid"> </section> <p>Сохраняем и возвращаемся на вкладку “Извлечение данных”. Мы добавили одно правило, появилась дополнительная графа с ним. Нажимаем “Старт” и запускаем проверку.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/fe8/fe85ae1f137a3538d63ec7b3bfb98a3f.jpg" alt="Парсинг через SiteAnalayzer" class="img-fluid"> </section> <p>В нашем случае поиск осуществляется только по форме фразы “подсчет слов”. Если нужно найти и другие варианты этого словосочетания, потребуется добавить дополнительные правила.</p> <h3>Screaming Frog SEO Spider</h3> <p>Другая программа - это <a href="https://www.screamingfrog.co.uk/" target="_blank" rel="nofollow noreferrer noopener">Screaming Frog SEO Spider.</a> Предоставляет возможность гибкого сканирования сайта и является одним из лидеров сферы. Ознакомиться со всем функционалом можно в <a href="https://www.screamingfrog.co.uk/seo-spider/user-guide/" target="_blank" rel="nofollow noreferrer noopener">документации</a>. Отметим, что программа также является платной и требует ключ активации. </p> <h4>1. Подготовка. Настраиваем "лягушку"</h4> <p>Как и в случае с сайтаналайзером мы можем менять user agent, для беспроблемного парсинга большинства сайтов рекомендуем его поменять сразу.</p> <p>Запустив программу наводим курсор на "Configuration" и в появившемся меню выбираем на “Crawl config”.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/dce/dcebe3a2ef2a29847d28ea8707ab05f9.png" alt="User-Agent-1" class="img-fluid"> </section> <p>В открывшейся вкладке ищем пункт “User-Agent” и переходим на него. нас интересует выпадающий список Preset User Agents, раскрываем и выбираем DuckDuckBot. Нажимаем “ok”.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/d2f/d2f41f2d8119655a9b6cf0f161197f13.png" alt="Настройка User-Agent-2" class="img-fluid"> </section> <p>На нашем опыте это самый результативный юзер агент, который парсил без каких-то помех все сайты, которые мы ему скармливали. Но, возможно, что вам он может не подойти. Это зависит от настроек сервера, на котором находиться сайт. Большинство современных серверов имеют защиту от чрезмерных нагрузок (<a href="https://encyclopedia.kaspersky.ru/glossary/ddos-distributed-denial-of-service-attack/" target="_blank" rel="nofollow noreferrer">DDOS атак</a>) и просто отклоняют запросы при большой нагрузке, которую также способен создавать парсер. Для обхода этой защиты можно использовать:</p> <ol> <li>Смену юзер агента, как это делаем мы.</li> <li>Корректировку скорости парсинга. Подробно об этом можно почитать у <a rel="nofollow noreferrer" target="_blank" href="https://www.screamingfrog.co.uk/seo-spider/user-guide/configuration/#speed">Screaming frog</a>. Этот способ мы тоже использовали, но в нашем случае все решилось через смену агента.</li> </ol> <h4>Шаг 2. Определяем правило поиска.</h4> <p>Как и в случае с прошлым парсером для поиска необходимо задать правило.</p> <p>Screaming Frog является мощным инструментом и кроме уже знакомого RegEx в нем есть отдельный поиск текста, который находиться на вкладке "Custom Search". Не будем углубляться и рассмотрим данный метод только в рамках нашей задачи. Почитать подробнее можно в <a target="_blank" href="https://www.screamingfrog.co.uk/seo-spider/tutorials/how-to-use-custom-search/?utm_source=chatgpt.com" rel="nofollow noreferrer">документации</a>.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/216/21624fe84b48385e3962aed12f1249c8.png" alt="Заходим в настройки Screaming Frog" class="img-fluid"> </section> <p>У нас откроется пустая вкладка “Custom Search”. Для добавления поискового поля нажимаем add и в поле будет добавлено дефолтная строка под правило поиска. </p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/887/887d48a201f2337a67d2cfaabbfc7af5.png" alt="Добавление правила Screaming Frog" class="img-fluid"> </section> <p>Добавляем правило для поиска, не забываем сохраняться и запускаем парсинг. Немного поясним, что мы указали:</p> <ul> <li>"Подсчет слов" - первая графа это название правила. Оно будет отображаться в таблице. Название может быть любым и влияет только на отображение результата.</li> <li>Contains - формат поиска. Данный вариант означает, что мы ищем все варианты, которые содержат нашу фразу. Если будем использовать "Does Not Contain", то будем искать варианты, в которых установленной фразы нет.</li> <li>Text - метод поиска. Ключевое отличие от SiteAnalayzer. Можем использовать, как обычный текстовый поиск, так и RegEx. В данном случае, мы будем использовать именно поиск по тексту.</li> <li>"Подсчет слов" - фраза, которую мы ищем.</li> <li>Page Text - поиск по тексту на странице.</li> </ul> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/685/685beae1f80b4e99bf12c7bba30ef3ef.png" alt="Добавили правило" class="img-fluid"> </section> <p>После парсинга мы переходим на вкладку "Custom Search", в которой отображаются результаты. Для удобства на скриншоте мы отключили лишние вкладки, вы тоже можете это сделать, нажав на иконку и отметив то, что хотите видеть на панели.</p> <p>Сделаем сортировку по количеству вхождений от большего к меньшему и увидим результат.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/9d3/9d3400e9f98676a5393e039b508edf85.png" alt="Результаты парсинга screamingfrog" class="img-fluid"> </section> <h2>Используя парсеры, повышайте продуктивность</h2> <p>В данной части мы расмотрели, как найти слово или словосочетание на сайте и какими инструментами это можно сделать.</p> <p>Рекомендуем при выборе инструмента отталкиваться от целесообразности его использования. Если у вас сайт на 10 страниц и вы понимаете, что нужный элемент встречается в 2-3 местах, то проще будет воспользоваться поисковыми операторами, а если работаете с интернет магазином на 1000 страниц, то без специальных программ тут не обойтись.</p> <div class="commercial-service-block"> <img src="https://ctr99.ru/sites/default/files/migrate/5f6741e498da7fd08dfed1c3616e1f3b.jpg" class="commercial-service-block-img item" alt="Kopirayting"> <h4 class="item">Kopirayting</h4> <div class="commercial-service-block-text item">Можем помочь найти нужные слова и фразы на сайте, заменить их на актуальную информацию или скрыть. Но на этом наши компетенции не ограничиваются. Можете обращаться по любому вопросу, связанному с контентом.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/kopirayting"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> </div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=387&amp;2=comment&amp;3=comment" token="9rLwz5tOMBRYAfSxaSc6y4C2B_u5vqPbOYIypTqic4M"></drupal-render-placeholder> </div> </div> Tue, 14 Feb 2023 06:44:34 +0000 Гость 387 at https://ctr99.ru https://ctr99.ru/articles/kak-nayti-slovo-ili-slovosochetanie-na-sayte#comments Слайдеры – зло, от которого нужно немедленно отказаться https://ctr99.ru/articles/slaydery-zlo-ot-kotorogo-nuzhno-nemedlenno-otkazatsya <span>Слайдеры – зло, от которого нужно немедленно отказаться</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2022-03-10T10:34:33+03:00" title="четверг, 10 марта 2022 - 10:34">чт, 10 Мар. 2022 - 10:34</time> </span> <div><section> <p class="lead">Слайдеры (карусели) стали все чаще появляться на просторах интернета в начале 2010-х, быстро завоевывая популярность у веб-дизайнеров и маркетологов. Однако, спустя время оказалось, что карусели не настолько эффективны, как могло показаться на первый взгляд. Исследователи пришли к выводу, что слайдеры вредят конверсии, и на это есть ряд причин.</p> </section> <h2>Результаты исследований</h2> <p>Исследования компании «Google», проводившиеся в период с середины октября 2012 года по 22 января 2013 года, <a href="https://services.google.com/fh/files/events/pdf_retail_ux_playbook.pdf">показали</a>, что слайдеры довольно редко просматриваются пользователями. В основном, люди кликают лишь на первый слайд, в большинстве случаев, не переключаясь на следующие за ним. Примерно 1% посетителей использовали функцию переключения. Всего, за данный период, было зафиксировано 28 928 кликов. В общей сложности переключение слайдов было использовано 315 665 раз. Из этих кликов 84% приходилось на слайд, находящийся на первой позиции, на остальные пришлось примерно равное количество кликов ~ 4% на каждый слайд. Данные продемонстрированы на графике.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/43e/43e7ca15bc791a2eb79abd66a298dd48.jpg" alt="Результаты исследований Гугл о количестве переключения слайдов" class="img-fluid"> </section> <p class="mt-3">Кроме того, исследователи пришли к выводу, что</p> <ol> <li>в карусель помещается большой объем информации, но в этом есть свой минус — избыток контента приводит к <a href="https://services.google.com/fh/files/events/pdf_retail_ux_playbook.pdf">рассеиванию внимания</a>. Высокая концентрация предложений (продуктов или услуг), представленных на главной странице, может сбить пользователя с толку, ввести в ступор из-за сложности выбора.</li> <li>пользователи зачастую прокручивают карусель, просматривая картинки, не обращая внимания на текст слайдов – т. е. <a href="https://services.google.com/fh/files/events/pdf_retail_ux_playbook.pdf">предложения сайта даже не прочитываются</a>. Тому виной свойство зрения - реагировать на движение, пропуская стоящее и важное.</li> <li>нередко слайдеры напоминают пользователям вирусную рекламу, из-за чего посетители сайта стремятся как можно скорее его покинуть, либо попросту игнорируют карусель и контент на слайдах. У данного феномена даже есть название – <a href="https://services.google.com/fh/files/events/pdf_retail_ux_playbook.pdf">баннерная слепота</a>.</li> <li>слайдеры замедляют работу сайта, <a href="https://searchengineland.com/homepage-sliders-are-bad-for-seo-usability-163496">негативно влияя на SEO-оптимизацию и коэффициент конверсии</a>.</li> <li><a href="https://yoast.com/opinion-on-sliders/">карусели не всегда хорошо работают на мобильных устройствах</a>, т. к. изображения слайдов, как правило, не оптимизированы для скорости мобильной связи, особенно для телефонов с поддержкой 3G или меньше.</li> <li>в то время как у «ручных» каруселей показатель кликов совершенно ничтожный — от 1 до 2%, слайдеры с авторотацией могут иметь достойную кликабельность — от 8 до 10%. Однако, автоматически <a href="https://lpgenerator.ru/blog/2016/08/11/10-trebovanij-k-slajderu-na-glavnoj-stranice-vashego-sajta/">вращающиеся карусели отвлекают посетителя от сути</a>, от наполнения слайда. К тому же, из-за авторотации пользователь может не успеть дочитать информацию до конца, это будет раздражать его и нервировать.</li> <li><a href="https://www.nngroup.com/articles/auto-forwarding/">пользователи, посетившие сайт на иностранном языке, будут медленно воспринимать информацию</a>. Они не смогут понять, что написано на панели, если она отображается только на короткое время. Иностранные пользователи предпочтут использовать ту платформу, которую смогут контролировать.</li> <li>авторотация <a href="https://www.nngroup.com/articles/auto-forwarding/">снижает доступность для пользователей с проблемами моторики</a>, им сложно обращаться с вращающимися слайдами.</li> </ol> <section> <h2>Мнения экспертов</h2> <p>Большинство экспертов сходятся во мнении о низкой эффективности слайдеров в вопросе увеличения конверсии. Мы привели комментарии известных интернет-маркетологов, которые объясняют популярность слайдеров и делают выводы насчет их ценности.</p> </section> <section> <blockquote class="blockquote with-photo"> <img class="author-photo" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/0f3/0f30339fbee1c96983cf977bc4800c57.jpg"> <p>Слайдеры существуют только потому, что их любят веб-дизайнеры. А также потому, что слайдеры облегчают жизнь веб-команде: они могут предоставить каждому подразделению работу. И им не нужно делать выбор. Но это не ваша работа - делать своих коллег счастливыми. Ваша работа - делать своих посетителей счастливыми. И продавать. Самая большая проблема слайдеров – они никогда не увеличивали конверсию и никогда не будут.</p> <footer class="blockquote-footer"><cite>Карл Джилис<span class="author-role">известный эксперт по конверсии и владелец «AGConsult»</span></cite></footer> </blockquote> </section> <section> <blockquote class="blockquote with-photo"> <img class="author-photo" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/980/980f8257ed4f7db7c6ad58f0ee3a4679.jpg"> <p>Слайдеры - это зло в 99,8% случаев! Однажды мы провели эксперимент с клиентом, в котором заменили карусель на статическое изображение…и значительно увеличили конверсию.</p> <footer class="blockquote-footer"><cite>Брайан Айзенберг<span class="author-role">разработчик эффективной методики повышения уровня конверсии "persuasion architecture" и владелец компании «Future Now, Inc»</span></cite></footer> </blockquote> </section> <section> <blockquote class="blockquote with-photo"> <img class="author-photo" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/e1a/e1af33bb1c1d8bee111968ebb2ba6485.jpg"> <p>Мы много раз тестировали слайдеры и пришли к выводу, что это плохой способ представления содержимого главной страницы.</p> <footer class="blockquote-footer"><cite>Крис Говард<span class="author-role">маркетолог, основатель «WiderFunnel»</span></cite></footer> </blockquote> </section> <section> <blockquote class="blockquote with-photo"> <img class="author-photo" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/0d4/0d4548c43aa71208f5c4675a5e6c2f21.png"> <p>Слайдеры нравятся владельцу сайта, но они практически не приносят пользы клиентам. Причина в том, что мы не собираемся сидеть и ждать, пока закончится ваш "фильм" (прим.- прокрутится карусель). Я также не являюсь поклонником слайдеров потому, что для большинства компаний они служат оправданием для того, чтобы не думать о персонализации…</p> <footer class="blockquote-footer"><cite>Авинаш Каушик<span class="author-role">аналитик, консультант по цифровому маркетингу компании «Google»</span></cite></footer> </blockquote> </section> <h2>Даем шанс слайдерам</h2> <p>Несмотря на многочисленную критику в адрес слайдеров, существует мнение, что при корректном использовании они могут принести пользу сайту и удовлетворить запросу заказчика.</p> <p>Например, UX-дизайнер Ян Армстронг утверждает, от слайдеров может быть толк. Его можно эффективно использовать, если он «рассказывает историю» и «не работает по принципу авторотации». Допустим, существует страница, где продается недвижимость, и там размещена карусель, в которой мы видим фотографии дома. Такой слайдер дает возможность пользователю получить представление обо всем доме сразу - он рассказывает цельную историю.</p> <section class="wide"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/99d/99db1285c326364ad8fa7761b34f73b7.png" alt="Слайдер дает представление пользователю обо всем доме сразу" class="img-fluid"> </section> <p class="mt-3">Если все-таки вы не можете отказаться от использования слайдеров, подход к их установлению должен быть радикально изменен.</p> <ol> <li>Нужно четко понимать и осознавать, какой продукт, какую картинку вам действительно нужно установить. Обратите внимание на персонализацию, остановите свой выбор на самых важных и значимых слайдах, <a href="https://www.nngroup.com/articles/designing-effective-carousels/">оставьте минимальное их количество (до 5)</a>. Создатель слайдера должен ясно понимать, какая информация заслуживает львиной доли внимания пользователя и, в соответствии с этим, расставлять приоритеты.</li> <li>Важно помнить, что слайдер <a href="https://www.nngroup.com/articles/designing-effective-carousels/">не должен производить впечатление рекламного баннера</a>, который отталкивает пользователей, уменьшает их доверие к платформе и бренду.</li> <li><a href="https://www.nngroup.com/articles/designing-effective-carousels/">Забудьте про авторотацию</a> – она действительно нервирует посетителей сайта! Карусель, которую невозможно остановить, заставляет пользователя чувствовать себя беспомощным.</li> <li>Наконец, убедитесь, что <a href="https://www.nngroup.com/articles/designing-effective-carousels/">кнопки и ссылки на слайдах достаточно четкие, большие и удобные</a>. Не нагружайте карусель большим количеством информации, в противном случае, пользователь даже не приступит к чтению.</li> </ol> <section> <p>Итак, ответ на вопрос об эффективности слайдеров оказался однозначным. Статистика, исследования и мнения экспертов цифрового маркетинга – всё говорит об одном – слайдеры – это зло для конверсии. Если вам нужны продажи, от карусели нужно срочно отказаться.</p> <div class="commercial-service-block"> <img src="https://ctr99.ru/sites/default/files/migrate/0e212b07a04b5dee2e52013a0d4759ce.jpg" class="commercial-service-block-img item" alt="Разработаем сайт, который будет приносить заявки"> <h4 class="item">Разработаем сайт, который будет приносить заявки</h4> <div class="commercial-service-block-text item">Знаем, как разработать сайт, который будет конвертировать посетителей в клиентов. Обращайтесь!</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/razrabotka-sayta"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> </section></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=386&amp;2=comment&amp;3=comment" token="z9qoxUYwYrhQR_vMnT7c-mx2IyHE1jeT0K9jMIzQl0Q"></drupal-render-placeholder> </div> </div> Thu, 10 Mar 2022 07:34:33 +0000 Гость 386 at https://ctr99.ru https://ctr99.ru/articles/slaydery-zlo-ot-kotorogo-nuzhno-nemedlenno-otkazatsya#comments Как эффективно продвигать сообщество на Яндекс.Кью? https://ctr99.ru/articles/kak-effektivno-prodvigat-soobshchestvo-na-yandeks-kyu- <span>Как эффективно продвигать сообщество на Яндекс.Кью? </span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2021-10-15T18:01:26+03:00" title="пятница, 15 октября 2021 - 18:01">пт, 15 Окт. 2021 - 18:01</time> </span> <div><p class="display-6 fst-italic mb-5">К сожалению, сервис Яндекс Кью работает в режиме чтения с 28 июня 2023 года, поэтому многое в этой статье потеряло актуальность.</p> <section> <p class="lead">Сообщество на Яндекс.Кью — это про личный контакт с его пользователями. Основатель сообщества руководит им только на первых этапах, дальше оно продвигает себя само. Для этого нужны крепкие связи между всеми участниками сообщества.</p> <p class="lead">Раскрывали секреты создания и продвижения успешного сообщества кураторы сообществ Яндекс.Кью: Светлана Макаревская, Федорова Настя и Гульнара Гайфуллина. Мы резюмировали беседу для вас и дополнили своими примерами.</p> </section> <section> <h3>Работайте с целевой аудиторией</h3> <p>Задача сообщества — дать то, зачем пришел участник в вашу группу. Участники приходят за полезной информацией вообще (как ухаживать за комнатными растениями, как научиться готовить пасту, как соблюдать ПДД и др.) или за конкретной информацией о товаре или услуге (как перевести текст, как оформить сделку купли-продажи, как построить дом). Тогда вы должны создать сообщество по интересам в первом случае и сообщество по получению знаний об услуге — во втором.</p> <p>Просто создать сообщество и пригласить в него участников не достаточно. Вы должны постоянно заботиться об участниках:</p> <ul> <li>создайте анкеты, чтобы знать интересы участников;</li> <li>раздайте роли, которые всех устроят (модератор, администратор, редактор и др.);</li> <section class="wide"> <div class="row"> <div class="col-12 col-md-3 caption"> <p>Посмотрите, в сообществе, которое мы создали для нашего клиента, все основные роли распределены между участниками. Теперь каждый занят своим любимым делом.</p> </div> <div class="col-12 col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/011/011202ef9fe96e01e1500f14a80db5de.png" class="img-fluid" alt="Пример распределения ролей среди участников сообщества в Яндекс.Кью"> </div> </div> </section> <li>по возможности организовывайте встречи c участниками вашего сообщества;</li> <li>периодически поощряйте их за активность и т.д.</li> </ul> <p>Все вместе создайте правила, которые будут действовать в вашем сообществе. Помните, что четкие правила прежде всего облегчают жизнь модераторам сообщества.</p> <section class="wide"> <div class="row"> <div class="col-12 col-md-3 caption"> <p>Простые правила помогают участникам понять миссию сообщества.</p> </div> <div class="col-12 col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/f1b/f1b93dd989e3bba0d3bc505df24f218e.png" class="img-fluid" alt="Пример оформления правил сообщества на Яндекс.Кью"> </div> </div> </section> </section> <section> <h3>Привлекайте экспертов в свое сообщество</h3> <p>Хорошее сообщество не может существовать без экспертов. Как их правильно завлечь в свою группу?</p> <ol class="simple"> <li>Сделайте персонализированную рассылку через соцсети. В письме укажите:</li> <ul> <li>сколько вас в сообществе (назовите число);</li> <li>кто вы (хорошая тусовка);</li> <li>в чем будет выгода эксперта (ваш опыт оценят, эксперты Кью продвигаются в поисковике Яндекс).</li> </ul> <p>Кроме того, обязательно оговорите время, которое эксперт будет затрачивать на общение в сообществе.</p> <li>Заинтересовывайте количеством просмотров и тем, что эксперты смогут давать ссылки на свои аккаунты в социальных сетях.</li> <li>На первых стадиях развития сообщества задавайте вопросы экспертам сами (можно анонимно), так вы учтете сферу их интересов.</li> <li>По итогам сотрудничества отправляйте эксперту статистику или скриншот отзыва с добрыми словами в их адрес (например, на ваш пост люди реагируют так...) или сделайте кейс с экспертом.</li> </ol> </section> <section> <h3>Создавайте разнообразный контент</h3> <p>Сообщество должно жить и без куратора, за счет всеобщей активности, поэтому контент-план сообщества — это гибкая история, которая зависит от интересов участников, а они могут меняться со временем.</p> <ol class="simple"> <li>Помните, что пост на Кью - это заметка! Посты могут быть в виде: дайджеста, интервью, экспертизы, новостей. Частотность уникальных публикаций увеличивается тогда, когда увеличивается активность участников.</li> <li>Задавайте простые, человеческие вопросы, на которые могут ответить все. Это вызывает искренний интерес участников друг к другу и помогает найти общие точки соприкосновения. Задавайте актуальные вопросы и своих сообществах, и в чужих через кнопку “Спросить”.</li> <section class="wide"> <div class="row"> <div class="col-12 col-md-3 caption"> <p>Подробный ответ на вопрос в сообществе Кью позволил обменяться контактами с экспертом по схожей тематике.</p> </div> <div class="col-12 col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/f40/f40a4747cbf2eec999a04bcb3720a9e7.png" class="img-fluid" alt="Пример взаимодействия с аудиторией схожего по тематике сообщества"> </div> </div> </section> <li>Не можете придумать тему для поста — сделайте опрос. Это просто и эффективно, а еще в дальнейшем опрос можно привязать к посту. (формируйте опрос 1 раз в день, максимальное число вопросов — 5).</li> <li>Размещайте посты-ссылки, они выглядят как ссылка-картинка. Делать через кнопку “Ссылка”.</li> <li>Отвечайте на страницу сообщества — так ваш ответ увидит большинство людей.</li> <section class="wide"> <div class="row"> <div class="col-12 col-md-3 caption"> <p>Вот пример размещения ответа на вопрос в сообществе с указанием соответствующей темы.</p> </div> <div class="col-12 col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/a33/a332527b6e139f8e72359240e8509356.png" class="img-fluid" alt="Пример размещения ответа на вопрос в сообщество на Яндекс.Кью"> </div> </div> </section> <li>Бесплатно и удобно можно составить контент-план для сообщества в программе <a href="https://www.notion.so/">notion.so</a>. Этот сервис советуют эксперты, мы его не проверяли, так как планируем задачи в <a href="https://quire.io/">quire.io</a>. Сделайте план сначала на неделю, потом на месяц.</li> <li>Ставьте теги, они в конце формы "Темы" (обязательно указывайте в теге Тему сообщества).</li> <li>Создавайте активность в сообществах со схожей тематикой.</li> </ol> </section> <section> <p>Вот полная запись Кью.Бранча “Продвижение сообщества: с чего начать?”</p> <div class="video-container"> <iframe src="https://www.youtube.com/embed/E9-iR5H67E4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </section> </div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=383&amp;2=comment&amp;3=comment" token="p2_QyR4K5e-RYcszgbOc58tEyrDPu4EB6Nn-u3Su5CM"></drupal-render-placeholder> </div> </div> Fri, 15 Oct 2021 15:01:26 +0000 Гость 383 at https://ctr99.ru https://ctr99.ru/articles/kak-effektivno-prodvigat-soobshchestvo-na-yandeks-kyu-#comments Так ли важна уникальность контента для поисковиков? https://ctr99.ru/articles/tak-li-vazhna-unikalnost-kontenta-dlya-poiskovikov <span>Так ли важна уникальность контента для поисковиков?</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2021-10-07T20:18:43+03:00" title="четверг, 7 октября 2021 - 20:18">чт, 7 Окт. 2021 - 20:18</time> </span> <div><section> <p>Какой главный критерий вы указываете копирайтеру при написании статьи для вашего сайта? Правильно. Уникальность не ниже 90%. Кто-то даже просит 100%, но это как-то уж совсем слишком. Давайте разберемся, насколько важна уникальность контента, а также найдем, что об этом думают признанные гуру мирового интернет-маректинга.</p> </section> <section> <h2>Нил Патель и его коллеги считают, что вокруг неоригинального контента слишком много мифов</h2> <div class="row align-items-center mb-3"> <div class="col-sm-2"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/464/4641ad26961e37b96017aa63c128d52f.jpeg" alt="Нил Патель, seo-гуру из Англии" class="img-fluid my-3"> </div> <div class="col-sm-10"> <p class="mb-0">Нил Патель — это гуру поискового маркетинга на западе. У него даже есть <a href="https://wikitia.com/wiki/Neil_Patel_(digital_marketer)">страничка на википедии</a>, но наибольшую популярность он получил за свой блог, который, по его словам, читают тысячи людей ежедневно.</p> </div> </div> <p>В блоге Нила есть статьи почти по любому вопросу интернет-маркетинга, в том числе есть и статья с <a href="https://wikitia.com/wiki/Neil_Patel_(digital_marketer)">тремя мифами о дублирующемся контенте</a>. Ее написал не сам Нил, но он абы что на своем сайте не опубликует.</p> <p><span class="fw-bold">Миф номер один</span> нам не слишком интересен, он о том, что неоригинальный контент на одной из страниц навредит всему сайту. Думаю, что современные веб-разработчики и так прекрасно понимают, что тогда поисковики наложили бы санкции на половину интернета.</p> <p>Автор тоже не особо заостряет на этом мифе свое внимание и рассказывает историю, как в одном из его проектов домашняя страница была полностью "скопипащена" в пресс-релиз, который затем был мгновенно опубликован по всему интернету. За это на сайт наложили ручные санкции (в том числе и потому, что домен был создан совсем недавно), но тут фирма сама виновата.</p> <p>В современных реалиях такое почти невозможно. Ваш домен, скорее всего, существует уже какое-то время, поэтому даже при таком сценарии массового копирования поисковик просто проигнорирует подобный спам. А если вас будут копировать время от времени, как это обычно и происходит, санкции практически невозможны.</p> <p><span class="fw-bold">Второй миф</span> касается автоматических парсеров сайтов. Может показаться, что автоматическое копирование вашего контента и размещение на разных площадках тоже может как-то навредить, но автор статьи парирует.</p> <section><blockquote class="blockquote"> <p>Парсеры не помогают и не вредят. Неужели вы думаете, что какой-то небольшой блог где-то в Азии, у которого вообще нет оригинального контента и трафика, как-то влияет на алгоритмы Гугла? Нет, он просто игнорируется поисковиком.</p> <footer class="blockquote-footer"><cite>Энди Крестодина<span class="author-role"> из Орбит Мидиа для блога Нила Пателя</span></cite></footer> </blockquote> </section> <p>В статье отмечено, что все-таки небольшую пользу от парсеров извлечь можно. Они обычно копируют статьи "как есть": со всеми ссылками, оформлением. Поэтому при неплохой перелинковке в скопированной статье есть шанс получить переход от случайно забредшего на их сайт посетителя.</p> <p>Но на сайты, которые вдруг (редко) оказались выше вас в поиске, пожаловаться поисковику все же можно.</p> <p>Следует отличать парсеров контента от тех, кто просто ворует ваш контент. Если вы заметили, что какой-то сайт полностью скопировал ваше оформление и еще и контент ваш использовал, тут уже нужно жаловаться не поисковику, а идти к юристам, если вы конечно зарегистрировали права на товарный знак.</p> <p><span class="fw-bold">Третий миф</span> больше касается гостевого блоггинга. В статье два совета:</p> <ol> <li>Можно сделать гостевой пост на чужом сайте, а потом разместить еще и на своем, но тогда нужно обязательно добавить специальный тег с атрибутом canonical типа.</li> <pre> <code>&lt;link rel="canonical" href="https:://www.blog.com/original-article"/&gt;</code></pre> <li>Можно использовать тактику написания похожего контента, но как бы наоборот. Например, не с "советами о том, как приготовить курицу в духовке", которые вы дали на страницах другого ресурса, а с "типичными ошибками тех, кто готовит курицу в духовке", но уже на своем. Конечно, примеры в статье нужно тоже отзеркалить, а весь текст переписать, но сделать это гораздо проще, ведь вы уже писали похожий контент.</li> </ol> <p>А вот самый полезный совет дан в конце статьи. Звучит просто:</p> <p class="lead fw-bold">"Люди, расслабьтесь."</p> <p>Совет сводится к тому, что не нужно думать, что поисковик настолько глуп, чтобы индексировать все подряд. Туда хантят лучших программистов, которые постоянно работают над изменением алгоритмов поиска. Вряд ли они настраивают его таким образом, чтобы он автоматом накладывал санкции на сайты, где есть неуникальный контент. Скорее всего, логика поискового робота примерно такая: робот обходит множество сайтов в день, если он находит скопированный контент какое-то время спустя, он "помнит", где он индексировал его первый раз, поэтому просто продолжает сканировать сайт, не накладывая никаких санкций.</p> </section> <section> <h2>Агентство TexTerra вообще считает, что уникальность контента — главный SEO-миф</h2> <p><a href="https://texterra.ru/blog/unikalnost-kontenta-razvenchanie-glavnogo-seo-mifa.html">Статью про уникальность</a> для блога агентства написал ее руководитель (хм, и эту тоже написал руководитель, ну да ладно) еще в 2015 году, но ее до сих пор яростно комментируют.</p> <p>Статья написана в хорошем таком жанре личного дневника, поэтому я ее подсушу и выдерну самое главное. Итак, главная мысль такая:</p> <section> <blockquote class="blockquote with-photo"> <p>Я же утверждаю, что сама по себе уникальность текста, если рассматривать ее в отрыве от реальных показателей сайта, на котором этот текст опубликован, не имеет никакой ценности для поиска. Я утверждаю, что для поиска важна не уникальность как таковая, а востребованность текста аудиторией. Другими словами, если текст никому не нужен «здесь и сейчас», то никакая уникальность не поможет.</p> <footer class="blockquote-footer"><cite>Денис Савельев<span class="author-role">TexTerra</span></cite></footer> </blockquote> </section> <p>Денис считает, что высокая уникальность превратилась в некий культ, а ее низким показателем можно объяснить любые проблемы сайта. Чтобы аргументировать свои выводы, он приводит в пример типы сайтов, на которых высокая уникальность не играет роли, а также указывает на случаи, когда высоких показателей уникальности вообще невозможно добиться:</p> <ol> <li><span class="fw-bold">Интернет-магазины (а именно карточки товаров)</span>. Пойди попробуй переписать характеристики телефонов так, чтобы уникальность была не ниже 90%. Это нереально и ненужно. И поисковики это прекрасно понимают.</li> <li><span class="fw-bold">Новостные сайты</span>. Если у таких сайтов есть постоянная армия читателей (аудитория), то перепечатка с указанием источника не приведет ни к чему плохому, но при условии, что есть и свои материалы.</li> <li><span class="fw-bold">Любая аналитическая статья</span>. Если вы пишете аналитическую статью и претендуете с помощью нее на некую экспертность, в ней обязательно должны быть ссылки на источники и цитаты специалистов. Каким образом тогда добиться нужных цифр уникальности, если цитаты исправлять не принято? Неизвестно.</li> </ol> <p>После изучения комментариев к статье Денис еще раз подчеркнул, сославшись на интервью со специалистом Гугла, что в статье важна не уникальность текста, а сама востребованность материала. Если материал полезный, то и ранжироваться он будет высоко.</p> </section> <section> <h2>Итак, наши примеры низкой уникальности текста и высоких позиций в поиске</h2> <p>Мы помогаем одному бюро переводов писать классные статьи. Статья про то, <a href="https://www.tran-express.ru/blog/kak-stat-perevodchikom-put-ot-novichka-do-professionala">как стать переводчиком</a>, находится в топе как в яндексе, так и в гугле с уникальностью менее 3%, потому что ее не перепечатал и не скопипастил только ленивый</p> <section class="wide"> <div class="row"> <div class="col-sm-6"> <h6>Статья занимаем первую позицию в гугле</h6> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/303/303f3393458672f5eb861a7cfe9fae1c.png" alt="скриншот выдачи гугла со статьей " как стать на первой class="img-fluid mb-4"> </div> <div class="col-sm-6"> <h6>Уникальность 2.28% и куча копипастов</h6> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/be8/be88d0fba31c1e30b478f13c9d2751f3.png" alt="скриншот проверки на уникальность с результатом 2.28%" class="img-fluid mb-4"> </div> </div> </section> <p>Думаем, что и с другими статьями, по которым есть хороший трафик, примерно такая же ситуация с уникальностью.</p> <p>Что делать? Так ведь ничего, наслаждаться первой позицией в поиске.</p> <p>А магазину пиломатериалов мы написали статью с <a href="https://lenwood.ru/articles/kak-pravilno-topit-toplivnymi-briketami/">советами по топке топливными брикетами</a>, которая тоже находится в топе как в яндексе, так и в гугле с уникальностью 12%.</p> <section class="wide"> <div class="row"> <div class="col-sm-6"> <h6>Статья занимаем пятую позицию в яндексе</h6> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/416/416a76fc211a84b6b0540f45eddc270e.png" alt="скриншот выдачи яндекса со статьей " как правильно топить топливными на пятой class="img-fluid mb-4"> </div> <div class="col-sm-6"> <h6>Уникальность 12%, но главный копипастер не выше в поиске</h6> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/b6c/b6c4eb2b51faaabbaa72cc67072cc9c1.png" alt="скриншот проверки на уникальность с результатом 12%" class="img-fluid mb-4"> </div> </div> </section> <p>И мы более чем уверены, что в ближайшем будущем ее уникальность снизится, потому что ее расшарят и скопируют еще, но вряд ли это как-то повлияет на позиции.</p> <p>Итак, сделаем и мы хороший вывод, чтобы нас растащили по интернету.</p> <p class="lead fw-bold">Если вы написали реально классную статью, ее неизбежно скопируют и разместят на форумах, в соцсетях, у себя на сайте. И вы ничего не сможете сделать, чтобы защититься от этого.</p> <p>Да и не нужно ничего делать. Наслаждайтесь тем, что ваш контент оказался настолько крут, что его хотят разобрать на цитаты, и пишите еще больше полезного материала.</p> </section> <div class="commercial-service-block"> <img src="https://ctr99.ru/themes/custom/ctr99/assets/img/service-placeholder.jpg" class="commercial-service-block-img item" alt="Поможем написать хорошую статью"> <h4 class="item">Поможем написать хорошую статью</h4> <div class="commercial-service-block-text item">Знаем, как написать материал, который действительно работает на ваш бизнес. Подберём автора, хорошо разбирающегося в вашей сфере, организуем процесс работы и, при необходимости, разместим готовый материал на сайте или другой платформе. Кстати, можем как подготовить одну статью, так и регулярно выпускать новые материалы для вашего блога.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/vedenie-bloga"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=382&amp;2=comment&amp;3=comment" token="ezceBAYEa4Ts0nP-b0Z5GrcVqwSQ5Mp18OYjDCMaKk8"></drupal-render-placeholder> </div> </div> Thu, 07 Oct 2021 17:18:43 +0000 Гость 382 at https://ctr99.ru https://ctr99.ru/articles/tak-li-vazhna-unikalnost-kontenta-dlya-poiskovikov#comments Как составить семантическое ядро бесплатными инструментами https://ctr99.ru/articles/kak-sostavit-semanticheskoe-yadro-besplatnymi-instrumentami <span>Как составить семантическое ядро бесплатными инструментами</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2021-10-01T14:31:01+03:00" title="пятница, 1 октября 2021 - 14:31">пт, 1 Окт. 2021 - 14:31</time> </span> <div><section> <p>Я покажу, как собирать семантику по готовому сайту. Сайт, который я взял для примера, посвящен услугам по переводу с иностранных языков. Но описанные техники и методы подойдут для любого другого сайта.</p> <p>Для сбора семантики понадобятся следующие инструменты:</p> <ol> <li>Сервис <a href="https://wordstat.yandex.ru/">Яндекс подбор слов</a></li> <li>Плагин для браузера Google Chrome <a href="https://chrome.google.com/webstore/detail/wordstater-%D0%B4%D0%BB%D1%8F-wordstat-%D1%81/hjlgbdmfljafjdkpgdiefkplpkcjlphh?hl=ru">Wordstarter для Wordstat</a></li> <li>Сервис <a href="https://be1.ru/wordstat/">Проверки частотности запросов</a> от be1.ru</li> <li>Сервис <a href="http://coolakov.ru/tools/razbivka/">Группировка запросов</a> от Кулакова</li> </ol> <p>Как пользоваться всеми этими сервисами, где сохранять данные и как с ними потом работать, я подробно изложил в видеоролике ниже.</p> <div class="video-container"> <iframe src="https://www.youtube.com/embed/X6pcVY55yDY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class="commercial-service-block"> <img src="https://ctr99.ru/themes/custom/ctr99/assets/img/service-placeholder.jpg" class="commercial-service-block-img item" alt="Поможем с SEO-продвижением сайта"> <h4 class="item">Поможем с SEO-продвижением сайта</h4> <div class="commercial-service-block-text item">Можете самостоятельно собрать семантическое ядро или обратиться к нам — мы не только подберём ключевые запросы, но и выстроим стратегию продвижения, а при необходимости поможем с её реализацией.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/seo"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> </section></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=381&amp;2=comment&amp;3=comment" token="8DqiNAoog9QjCq9bCEkw9A0yOcMU7UGLZWyxgs6-HgM"></drupal-render-placeholder> </div> </div> Fri, 01 Oct 2021 11:31:01 +0000 Гость 381 at https://ctr99.ru https://ctr99.ru/articles/kak-sostavit-semanticheskoe-yadro-besplatnymi-instrumentami#comments Как заполнить метатег description и учесть рекомендации поисковиков https://ctr99.ru/articles/kak-zapolnit-metateg-description-i-uchest-rekomendatsii-poiskovikov <span>Как заполнить метатег description и учесть рекомендации поисковиков</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2021-08-31T12:01:54+03:00" title="вторник, 31 августа 2021 - 12:01">вт, 31 Авг. 2021 - 12:01</time> </span> <div><section> <p></p><pre><code>&lt;meta name="description"&gt;</code></pre> — это специальный метатег интернет-страницы, в котором вы можете кратко описать ее содержание. <span class="fw-bold">Description</span> в переводе с английского означает <span class="fw-bold">описание</span>. <p>Самая суть, обычно в виде 1 емкого предложения, помещается в <a href="https://ctr99.ru/articles/kak-zapolnit-tag-title/">тег title (заголовок страницы)<a>, а все, что не влезло, но тоже является важным для того, чтобы было понятно, о чем страница, можно добавить в description.</a></a></p> <section> <blockquote class="blockquote"> <p>Таким образом, заголовок будет содержать только наиболее ценную информацию. Остальную информацию можно добавить с помощью метатега description. Если она будет релевантна запросу пользователя, то с большей вероятностью сможет присутствовать в сниппете вместе с заголовком.</p> <footer class="blockquote-footer"><cite title="Яндекс">Яндекс</cite></footer> </blockquote> </section> <p>Раньше с помощью метатега description можно было влиять на то, что будет появляться под основным заголовком в результатах поиска. Это было основной фукнцией тега, поисковики использовали его часто, а вебмастера могли тонко настраивать, что попадает в сниппет для их сайта (сниппет — это заголовок + описание + дополнительная информация для каждого сайта в результатах поиска).</p> <p>Но с развитием поиска алгоритмы усложнились. Поисковики стали самостоятельно проверять текст страницы на предмет более подходящего текста на роль описания. Теперь </p><pre><code>&lt;meta name="description"&gt;</code></pre> используется <del>не всегда</del> лишь иногда, но заполнять его все равно стоит. <section class="wide"> <div class="row"> <div class="col-md-3 caption"> <p>С помощью description можно до сих пор влиять на описание сайта в результатах поиска, но нужно быть готовым к тому, что поисковик возьмет что-то другое прямо из текста страницы.</p> </div> <div class="col-md-9"> <img src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/360/3608d5c607f1830e0644b34e5f38dc38.png" alt="пример поисковой выдачи, где метатег description не всегда берется из соответствующего поля" class="img-fluid"> </div> </div> </section> <p>С базой разобрались. Приступим к советам. Возьмем рекомендации, которые изложены в <a rel="noopener noreferrer nofollow" href="https://yandex.ru/support/webmaster/indexing-options/description.html">официальном справочнике яндекса</a> и <a rel="noopener noreferrer nofollow" href="https://developers.google.com/search/docs/advanced/appearance/good-titles-snippets?hl=ru">документации центра поиска Google</a>.</p> <p>Каждую рекомендацию прокомментируем, опираясь на свой опыт составления описаний, а также подберем наглядные примеры, чтобы у вас не осталось никаких вопросов. </p> <section> <h2>Метатег description должен быть на каждой странице</h2> <section> <blockquote class="blockquote"> <p>Добавляйте метатег на все страницы сайта.</p> <p>В первую очередь добавляйте описания для более важных страниц сайта, например страниц каталога.</p> <footer class="blockquote-footer"><cite title="Яндекс">Яндекс</cite></footer> </blockquote> <blockquote class="blockquote"> <p>Убедитесь, что каждая страница вашего сайта имеет метаописание.</p> <p>Если на создание отдельных описаний у вас мало времени, постарайтесь расставить приоритеты: в первую очередь создайте описания для наиболее важных разделов сайта, например его главной страницы или самых популярных страниц.</p> <footer class="blockquote-footer"><cite title="Google">Google</cite></footer> </blockquote> <p>Все коротко и ясно. Если тега на какой-то странице не будет, это не приведет к исключению страницы из поиска, но вы просто лишитесь еще одной возможности повлиять на то, какое описание будет у вашего сайта в поиске.</p> <section class="wide"> <div class="row"> <div class="col-md-3 caption"> <p>Вручную отследить отсутствие description не всегда возможно. Мы рекомендуем проверять наличие тега при помощи <a rel="noopener noreferrer nofollow" href="https://webmaster.yandex.ru">Яндекс Вебмастера</a>.</p> <p>Вам нужен раздел <span class="fw-bold">Индексирование</span>, подраздел <span class="fw-bold">Заголовки и описание</span>.</p> </div> <div class="col-md-9"> <img class="img-fluid" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/ce8/ce8dd5782d9bebdd6d0d7d9592c7bca4.png" alt="предупреждение яндекс вебмастера о проблемах с метатегом description"> </div> </div> </section> </section> <section> <h2>Метатег description должен быть уникальным</h2> <section> <blockquote class="blockquote"> <p>Создавайте уникальное описание для каждой страницы. Шаблонные или похожие описания, вероятнее всего, не будут показываться в результатах поиска, так как они не несут существенной информации.</p> <footer class="blockquote-footer"><cite title="Яндекс">Яндекс</cite></footer> </blockquote> <blockquote class="blockquote"> <p>Для каждой страницы желательно использовать отдельное описание. Идентичные или похожие описания во всех разделах сайта будут неинформативны, если в результатах поиска появится несколько страниц с него. Мы предпочитаем не показывать шаблонные тексты.</p> <footer class="blockquote-footer"><cite title="Google">Google</cite></footer> </blockquote> </section> </section> <p>Составить уникальный description для каждой страницы сложно (особенно если на сайте много однотипных страниц), но нужно, потому что дубли будут просто проигнорированы поисковиками.</p> <p>Поисковики едины во мнении, что лучше добавлять описания постепенно, начиная с самых важных страниц, но сразу качественные, уникальные.</p> <p>Но даже если вы уже добавили повторяющиеся описания на страницы, не беда, на помощь придет все тот же яндекс вебмастер, которые в том же разделе "Индексирование - Заголовки и описания" покажет, если на сайте встречаются дубли.</p></section> <section><h2>В description должна быть полезная и хорошо структурированная информация о странице</h2> <section> <blockquote class="blockquote"> <p>Убедитесь, что description отражает содержимое страницы, содержит правильно выстроенные предложения, без злоупотребления ключевыми словами, фразами, заглавными буквами, рекламными лозунгами и пр.</p> <p>Включайте в описание полезную для пользователя информацию, например, цену товара, его цвет, город доставки и т. д.</p> <footer class="blockquote-footer"><cite title="Яндекс">Яндекс</cite></footer> </blockquote> <blockquote class="blockquote"> <p>Информацию в описаниях нужно систематизировать. Метаописание не обязательно должно состоять только из предложений – в него можно (и нужно) включать различные данные, связанные со страницей. Например, в новостных статьях или записях блога можно указать имя автора, дату публикации и сопутствующие данные.</p> <p>Аналогично в описание страниц товаров можно включить такую важную информацию, как цена, возрастная группа и производитель.</p> <p>Описания должны однозначно характеризовать контент, то есть быть информативными.</p> <footer class="blockquote-footer"><cite title="Google">Google</cite></footer> </blockquote> </section> </section> <p>Перейдем, наконец, к самой сложной части составления описания — полезному контенту. Гугл и Яндекс подробно и много написали про то, что они не хотят видеть "воду", содержащую нужные вам ключевые слова.</p> <p>Если у вас контентный сайт (журнал, блог, оказание услуг), в description можно тезисно обозначить содержание страницы. Постарайтесь понять интент (намерение) читателя и кратко ответить на вопросы, с которыми он пришел на сайт, а также предугадать его возражения (применимо для сайта услуг). Эти ответы и будут прекрасным кратким содержанием, а уже контент самой страницы их дополнит и раскроет.</p> <section class="wide"> <div class="row"> <div class="col-md-3 caption"> <p>Вот пример с сайтом бюро переводов. На странице про услугу устного перевода есть теги title и description. Чтобы сделать их максимально полезными, в title добавлена суть оказываемой услуги + одно из преимуществ, а в description даны ответы на те вопросы, которые клиенты задают чаще всего при обращении:</p> <ul> <li>есть ли переводчики в нужном городе;</li> <li>можно ли заказать переводчика на 10 минут;</li> <li>сколько это будет стоить.</li> </ul> </div> <div class="col-md-9"> <img class="img-fluid" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/26b/26b5ecf2de356f8d9671508347e6372d.png" alt="пример составления метатега description для сайта бюро переводов"> </div> </div> </section> <p>Все гораздо интереснее с интернет-магазинами. Многие идут простым путем: создают один шаблон описания типа <span class="fw-bold fst-italic">Шапка меховая — характеристики, фото, цена, отзывы; в наличии в магазинах, есть доставка</span> и меняют в нем только сам товар. Вроде бы описания получаются уникальными для каждого товара, но пользы они несут мало. Для таких случаев поисковики рекомендуют активно использовать средства системы управления сайтом, чтобы использовать как можно больше уникальных значений</p> <blockquote class="blockquote"> <p>Совет. Используйте инструменты CMS вашего сайта для автоматического составления метаописаний. Например, для интернет-магазина может быть сложно создать уникальные description вручную, но можно использовать данные из стандартных полей базы данных у свойств товара: размер, вес, доступность и т. д.</p> <footer class="blockquote-footer"><cite title="Яндекс">Яндекс</cite></footer> </blockquote> <p>Кстати, такой подход поможет не только уникализировать описания, но и избавит вас от нужды постоянно следить за актуальностью информации (если бы вы добавляли цены вручную, вам пришлось бы постоянно обновлять все описания при их изменении).</p> <section class="wide"> <div class="row"> <div class="col-md-3 caption"> <p>Вот пример ручного добавления цены на товар в метатег description. На сайте уже новые цены, а описание поменять забыли. Если поисковик решит показать содержимое описания в результатах поиска, потенциальный покупатель получит ложное представление о ценах. В такой ситуации идеальным решением было бы брать актуальную стоимость из базы данных.</p> </div> <div class="col-md-9"> <img class="img-fluid" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/c37/c373d6a68505a58838ed8e9078b954f3.png" alt="пример неактуальной информации в description из-за ручного заполнения"> </div> </div> </section> <section> <h2>Не повторяйте содержимое тега title</h2> <section> <blockquote class="blockquote"> <p>Убедитесь, что description отличается от содержимого элемента title.</p> <footer class="blockquote-footer"><cite title="Яндекс">Яндекс</cite></footer> </blockquote> </section> <p>Гугл такой рекомендации не дает, но мне кажется, подразумевает как само собой разумеющееся. Так как в description можно добавить больше текста, который будет <span class="fw-bold">дополнительно</span> побуждать пользователя перейти на вашу страницу, остановимся на слове <span class="fw-bold">дополнительно</span> подробнее.</p> <p>Можно часто встретить дескрипшены, которые повторяют тег title. Не делайте так, не тратьте символы впустую, лучше составьте пару предложений, которые дадут еще лучшее представление о странице, на которую пользователю хотелось бы перейти.</p> <section class="wide"> <div class="row"> <div class="col-md-3 caption"> <p>Description никак не отличается от title, то есть его потенциал совсем не используется. Скорее всего, поисковики составят описание сайта на основе текста статьи, а получается это не всегда связно и логично.</p> </div> <div class="col-md-9"> <img class="img-fluid" src="https://ctr99.ru/sites/default/files/content-assets/medialibrary/885/88525a5858f404f664cdae22412e15d7.png" alt="пример, когда метатег description повторяет title"> </div> </div> </section> </section> <h2>Не добавляйте в description слишком много текста</h2> <p>Интересно, что ни один из поисковиков не дает рекомендаций относительно количества текста в description, но контент-специалисты опытным путем определили, что больше 130-150 символов писать нет смысла, потому что все остальное будет обрезано.</p> <section> <h2>Кратко повторим основные рекомендации для тега <code>&lt;meta name="description"&gt;</code></h2> <ol> <li>Description должен быть на каждой странице.</li> <li>Description должен быть уникальным.</li> <li>Description должен содержать полезную, структурированную информация о странице. Обязательно используйте средства CMS, чтобы подтягивать полезные данные из базы данных.</li> <li>Description не должен повторять title.</li> <li>Нет смысла писать description больше 130-150 символов.</li> </ol> </section> <div class="commercial-service-block"> <img src="https://ctr99.ru/themes/custom/ctr99/assets/img/service-placeholder.jpg" class="commercial-service-block-img item" alt="Повысим видимость сайта через оптимизацию метатегов!"> <h4 class="item">Повысим видимость сайта через оптимизацию метатегов!</h4> <div class="commercial-service-block-text item">Нужна помощь с заполнением description на сайте? Готовы помочь: просто проконсультировать или провести оптимизацию для повышения видимости вашего ресурса в поисковой выдаче.</div> <a class="commercial-service-block-link item" href="https://ctr99.ru/services/seo"> Подробнее об услуге <svg width="12" height="12" viewBox="0 0 12 12" fill="#00A849"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.5C12 0.367 11.948 0.24 11.854 0.146C11.76 0.053 11.633 0 11.5 0H5.5C5.368 0 5.24 0.053 5.147 0.146C5.053 0.24 5 0.367 5 0.5C5 0.633 5.053 0.76 5.147 0.854C5.24 0.947 5.368 1 5.5 1H10.293L0.146 11.146C0.053 11.24 0 11.367 0 11.5C0 11.633 0.053 11.76 0.146 11.854C0.24 11.947 0.368 12 0.5 12C0.633 12 0.76 11.947 0.854 11.854L11 1.707V6.5C11 6.633 11.053 6.76 11.147 6.854C11.24 6.947 11.368 7 11.5 7C11.633 7 11.76 6.947 11.854 6.854C11.948 6.76 12 6.633 12 6.5V0.5Z" /> </svg> </a> </div> </section></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=380&amp;2=comment&amp;3=comment" token="C_eZjPP6S5DWHqzgqJ-wunsX2zLe5FWrt20pXuPz6CY"></drupal-render-placeholder> </div> </div> Tue, 31 Aug 2021 09:01:54 +0000 Гость 380 at https://ctr99.ru https://ctr99.ru/articles/kak-zapolnit-metateg-description-i-uchest-rekomendatsii-poiskovikov#comments