Самый популярный HTML-редактор в выдаче Google — это афера с поисковой оптимизацией / Хабр
Это история о том, как я случайно обнаружил масштабную аферу с поисковой оптимизацией.Резюме
Некоторые высокорейтинговые онлайн-инструменты для редактирования или «очистки» HTML, похоже, тайно вставляют ссылки в свои выходные данные, чтобы протолкнуть себя и связанные с ними сайты в рейтинге поисковых систем. Эта афера очень успешна и, похоже, до сих пор оставалась незамеченной.Инструменты, которые, кажется, делают это, созданы одними и теми же людьми:
- html-cleaner.com
- html-online.com/editor/
- html5-editor.net
- htmlg.com
- … и другие
Обнаружение подозрительного
Итак, вот подробный отчет о том, как я сделал это открытие, вместе с доказательствами, которые я обнаружил.Все началось с загадки продукта, который я создаю. Продукт представляет собой онлайн-табло, и, несмотря на наличие (что я думаю) надежной стратегии SEO, мне не удалось завоевать желанное первое место на странице результатов поисковой системы. Последние 12 месяцев меня всегда опережал участник под названием «Scorecounter».
Теперь, в связи с особенностями моего продукта, люди делятся ссылками на него и встраивают его на свои веб-сайты, а это означает, что со временем я накапливаю много входящих ссылок. Со временем мой рейтинг SEO станет непревзойденным. У конкурента нет такой заметной виральности, как у меня, но он у меня всегда лучше, чем у SEO. Какой трюк они используют?
Итак, вчера вечером я выпил 2 стакана красного вина и вместо того, чтобы удалять производственную базу данных (как в прошлый раз), я решил разобраться в ней. Я заплатил за подписку Ahrefs и взглянул на «профиль обратных ссылок» Scorecounter. Вот что я нашел:
Scorecounter имеет 3600 входящих ссылок, которые он накопил за очень короткое время. Впечатляющие!
Затем я начал просматривать страницы, содержащие ссылки, и именно здесь у меня возникли подозрения.
Например, я видел сообщение в блоге Немецкой футбольной ассоциации, содержащее ссылку на Scorecounter. Слово, на которое была сделана ссылка, было «оценка» (score), но наличие ссылки здесь не имело абсолютно никакого смысла в контексте статьи. Что происходило?
Вот еще несколько примеров ссылок, которые я нашел на случайных доменах (вам нужно искать на странице «оценка»).
- Macworld Shop
- Intuit Quickbooks
- NBC Washington
- RICE University
Поэтому я написал несколько электронных писем на 1-2 из этих сайтов и спросил их, почему на их страницах есть эти ссылки. Все ли эти сайты продавали ссылки?
Я получил следующий ответ от новостного онлайн-портала:
Спасибо, что обратились к нам.Нет, мы не продаем ссылки ни за какие деньги. На самом деле я использовал очиститель HTML (html-online.com/editor/) с прошлого года, который в первые месяцы работал нормально, как и предполагалось, но несколько недель назад я понял, что инструмент внезапно начал тайно вводить ссылки в содержание HTML документа.
Для нескольких публикаций я не смог обнаружить подобное, но когда я узнал об этом, все сообщения, которые я мог вспомнить, были очищены вручную. Оказывается, к сожалению, некоторые из них, как вы отметили, все еще там. Я сегодня просто найду-и-заменю эту ссылку из всей базы данных для большей безопасности.
Бинго
Ага! Вот в чем был секрет: создатели Scorecounter также сделали онлайн-редактор HTML, который вставляет ссылки по определенным ключевым словам. Прелесть этой аферы в том, что, внедрив ссылки в свой собственный редактор HTML, они создали замечательный цикл положительной обратной связи: чем выше он поднимается в рейтинге поиска, тем больше людей используют его и тем больше секретных ссылок они могут ввести.Теперь, если вы чувствуете себя очень великодушным, вы можете возразить, что редактор — это инструмент freemium, а добавленные ссылки — это то, как вы платите за бесплатную версию. Что ж, я не чувствую себя великодушным, подозреваю, что и Google тоже.
Помимо улучшения самого HTML-редактора и Scorecounter, я нашел третий продукт, который пользовался всеобщим вниманием:
Кубик Рубика
Ruwix.com создан теми же людьми и посвящен знаменитой головоломке. Опять же, очень легко найти большое количество обратных ссылок на Ruwix.com на случайных сайтах с помощью Ahrefs.com. Каждая из этих статей представляет собой несоответствие в тексте, в который они втиснуты, что показывает мне, что авторы этих статей понятия не имели, что происходит. Взгляните (на странице нужно искать «Rubiks»):- статья про Sex and the City
- статья с BoingBoing
- статья на Kaspersky.com
Чтобы узнать, насколько распространена эта инъекция, попробуйте поискать в Google: «Learn how to solve a Rubix Cube with the beginner method». Более 600 посещений на самых разных сайтах. Удивительно, но ссылка даже пробралась в исследовательскую статью (она находится на странице 24, внизу раздела «Ссылки»)!
Целая сеть инструментов
Покопавшись в обратных ссылках, я обнаружил, что существует целая сеть инструментов, которые являются частью одной операции. У всех одинаковые профили обратных ссылок. Они включают:- htmltidy.net
- html-css-js.com
- divtable.com
- html-cleaner.com
- html5-editor.net
- htmlg.com
Внедрение ссылок упоминается в «Условиях Использования» этих инструментов
Это правда, что «условия использования» по крайней мере одного инструмента содержат следующее:Мы показываем рекламу и можем случайным образом разместить ссылку на конец очищенных документов.Я искренне сомневаюсь, что этого отказа от ответственности достаточно, чтобы предотвратить кару от Google. Скоро мы это выясним.
Карта сайта
|
|
Список поддерживаемых тегов HTML в текстовом редакторе | Целевой процесс
- Поддержка
- Интеграции и API
- Встраивание контента
При использовании текстового редактора по умолчанию (WYSIWYG) вы можете нажать кнопку «Источник» во всплывающей подсказке текстового редактора и предоставить некоторую дополнительную настройку вашего текста с помощью тегов HTML.
Поддерживаются следующие теги :
<я> | <тело> | |
| <эм> | <тд> |
<а> | <сильный> | <й> |
<забастовка> | ||
<дел> | <у> | <заголовок> |
<диапазон> | <с> | |
<ул> | <диапазон> | <столбец> |
<пред> | <тфут> | |
<ол> | <таблица> | <код> |
<заголовок> |
Некоторые теги явно запрещены, в основном по соображениям безопасности. Следующие теги и содержимое будут подавлены и удалены из текста:
<скрипт> | <набор кадров> | |
<база> | <ввод> | <кадр> |
<базовый шрифт> | | |
<мета> | <текстовое поле> | <объект> |
<ссылка> | <кнопка> | <вставить> |
<название> | <опция> | <апплет> |
<стиль> | <выбрать> | |
Некоторые теги HTML не встречаются ни в одной из этих категорий, например , или что-то более экзотическое. Они будут отображаться в зависимости от возможностей вашего браузера, хотя мы не можем гарантировать, что они всегда будут отображаться правильно. Если у вас возникнут проблемы с любым из тегов, перечисленных выше или нет, сообщите нам об этом.
Включите JavaScript для просмотра комментариев с помощью Disqus.Остались вопросы?
Мы здесь, чтобы помочь! Просто свяжитесь с нашей дружной службой поддержки
Узнайте больше о наших API, плагинах, мэшапах и пользовательских расширениях. Присоединяйтесь к нашему сообществу увлеченных пользователей и даже обсуждайте напрямую с нашими разработчиками.
Редактирование HTML | Bootstrap Studio
Bootstrap Studio — это визуальный редактор, поэтому HTML нельзя редактировать напрямую. Приложение генерирует HTML-код из компонентов, которые вы добавляете на свою страницу, и параметров, которые вы выбираете для них.
Вы можете делать почти все с помощью визуальных инструментов, которые дает вам Bootstrap Studio, но в редких случаях, когда вам нужно редактировать HTML, вы можете сделать это с помощью компонента Custom Code.
Вкладка HTML
Это одна из двух незакрываемых вкладок на панели редактора. Он дает вам обзор сгенерированного HTML-кода страницы. Хотя код в этом окне нельзя редактировать, вы можете задать имена классов и атрибуты для элементов.
Щелкните левой кнопкой мыши элемент HTML, чтобы выбрать его (обновляя вкладку Стили в процессе). Двойной щелчок по откроет панель атрибутов. Щелчок правой кнопкой мыши по покажет контекстное меню с полезными параметрами, такими как изменение типа элемента, копирование его как HTML и копирование атрибутов элемента, чтобы их можно было вставить в другой элемент.
Поиск
Вы можете выполнять поиск в HTML-коде своей страницы с помощью текста или селектора CSS. Благодаря мощи селекторов CSS возможен довольно сложный поиск:
-
p.someclass
— абзацы с определенным именем класса -
a[href=""]
— ссылки с пустыми hrefs -
img:not([alt])
— изображения без атрибутов alt -
h3 + p
— выбирать только абзацы, которым предшествует тег h3 -
h2:first-child
— теги h2, которые являются первым элементом в родительском элементе
Редактирование атрибутов
Под предварительным просмотром HTML вы можете увидеть панель атрибутов. Нажмите, чтобы развернуть его, если он не виден полностью. Эта панель позволяет добавить идентификатор, имена классов и другие атрибуты к выбранному элементу HTML.
Для навигации по форме атрибутов используйте Tab , Shift+Tab и Enter . Атрибуты автоматически применяются к элементу, а полная история отмены/возврата сохраняется.
Примечание
Вы можете добавить любой класс CSS, какой пожелаете, но некоторые из них, как в фигуре-изображении
выше, заблокированы. Чтобы изменить заблокированные классы в Bootstrap Studio, вам необходимо изменить параметры компонента.
Содержимое заголовка
Иногда вам нужно поместить определенный код в
ваших страниц. Это можно сделать в разделе Head Content диалогового окна Settings .
HTML-код, который вы пишете здесь, будет добавлен без изменений в разделы
всех страниц вашего дизайна при экспорте и предварительном просмотре. Это рекомендуемый способ включения фрагментов, таких как Google Analytics или другие службы, которые должны присутствовать на всех страницах вашего веб-сайта.
У вас есть две вкладки, которые определяют, куда будет вставляться ваш контент:
- Перед содержимым . Это включает ваш HTML-контент сразу после открывающего тега
- После содержимого . Это включает ваш HTML-контент непосредственно перед закрывающим тегом
Содержимое шапки для одной страницы
Если вам нужно включить содержимое шапки только на определенную страницу, вы можете сделать это, щелкнув правой кнопкой мыши страницу на панели «Дизайн» и выбрав Свойства
. Это приведет к появлению экрана, очень похожего на приведенный выше, но он будет применяться только к выбранной странице.
Метатеги
В качестве более структурированной альтернативы Head Content вы можете добавлять определенные метатеги на свои страницы в диалоговом окне Настройки
.
Как и в случае с заголовком, это будет применяться ко всем страницам вашего дизайна. Если вы хотите добавить метатеги на определенную страницу, вы можете сделать это, щелкнув правой кнопкой мыши страницу на панели «Дизайн» и выбрав Свойства
.
Написание HTML
Если вам нужно написать неограниченный HTML в Bootstrap Studio, вы можете сделать это с помощью компонента Custom Code. Это мощный инструмент, который позволяет вам свободно редактировать его содержимое как HTML. Приложение не пытается анализировать или проверять код каким-либо образом, что открывает двери для таких вещей, как встраивание серверных языков или тегов, которые приложение изначально не поддерживает.
Преобразование компонентов в HTML
Вы можете преобразовать любой компонент на странице в пользовательский код и разблокировать его для редактирования, щелкнув его правой кнопкой мыши и выбрав Преобразовать в HTML
.