Определите ссылки rel = ”nofollow” без просмотра исходного кода HTML

1. Шаг 1: Установите стильное расширение для Firefox или Chrome
2. Шаг 2: создайте новый стиль
3. Шаг 3: Прокачай свои атрибуты nofollow

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

Любой, кто серьезно относится к SEO, должен иметь возможность легко идентифицировать ссылки, которые (а) не могут быть просканированы , или (б) не могут передавать PageRank . Два распространенных примера этого:

• ссылки, которые включают атрибут rel = "nofollow"
• ссылки, которые встроены в страницу с помощью встроенных фреймов (т.е. элементов <iframe>)

В этой статье я покажу вам, как я настроил свой веб-браузер (Firefox 3.5), чтобы помочь мне идентифицировать ссылки и фреймы, которые не разрешены, без просмотра исходного кода HTML страницы . Если вы не используете Firefox, вы все равно сможете воспользоваться примерами CSS в этом посте, но вам придется выяснить, как добавить пользовательские стили CSS, определенные пользователем, в ваш браузер. Если вы используете Internet Explorer, просто убейте себя.

Шаг 1: Установите стильное расширение для Firefox или Chrome

Стильный - это простое расширение Firefox, которое позволяет вам добавлять собственные стили CSS в ваш браузер. Другими словами, он позволяет переопределить стили, определенные автором, на любом веб-сайте. Существуют и другие расширения, которые предоставляют аналогичную функциональность, но Stylish, кажется, самый простой и популярный. Плюс, это то, что я использую ... и я величайший SEO, который когда-либо жил , Установите его с официального Стильная страница дополнений Firefox или Стильный Интернет-магазин Chrome стр.

Шаг 2: создайте новый стиль

После установки Stylish и перезапуска Firefox вы должны увидеть значок Stylish в правом нижнем углу браузера. Если вы его не видите, попробуйте нажать Вид => Панели инструментов => Настройка, а затем добавьте значок на панель инструментов. Значок представляет собой поле с буквой «S». Найдя значок и открыв меню «Стильные», нажмите «Создать новый стиль => Пустой стиль».

Шаг 3: Прокачай свои атрибуты nofollow

Теперь вам нужно добавить свои собственные стили CSS, чтобы в вашем браузере выделялись ссылки без ссылок. Вот несколько советов, с которых можно начать:

• Не забудьте добавить! Важный после каждого объявления стиля (но перед точкой с запятой). Пример: .black {color: # 000! Важный;}
• Воспользуйтесь мощным Синтаксис селектора CSS 2.1 , что позволяет выбирать элементы на основе их атрибутов. Чтобы выбрать все ссылки с атрибутом nofollow, вы должны использовать [rel ~ = "nofollow"] {...}
• Если вы любитель приключений, проверьте CSS 3 селекторы (пока не является официальной Рекомендацией W3C). Помните, что вы не ограничены кроссбраузерно-совместимым CSS - вы можете использовать все, что принимает ваш конкретный браузер.
• Для получения дополнительной информации об использовании Стильный, см. Кодирование пользовательских стилей ,

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

• Текстовые ссылки nofollow имеют зачеркнутый текст в своем якорном тексте.
• Когда вы наводите курсор мыши на текстовые ссылки, они становятся красными (и удаляют зачеркивание).
• При наведении на них ссылки на изображения nofollow и элементы iframe имеют красную рамку.

02 текстовое оформление: сквозное! Важное; 04 a: hover [rel ~ = "nofollow"] {05 color: # F00! Важный; 06 Текстовое оформление: наследуй! Важно; 08 a: hover [rel ~ = "nofollow"] img, 10 outline-width: 1px! Важный; 11 контурное смещение: -1px! Важно; 12 контурный цвет: # F00! Важный; 13 стиль контура: твердый! Важный;

ПРИМЕЧАНИЕ. Если вам интересны эти странные свойства контуров, они Рекомендация кандидата CSS3 , Все они работают в Firefox 3.5. Разница между контуром и границей заключается в том, что граница увеличивает ширину поля, а контур - нет. Объявление смещения контура устанавливается так, что красная граница попадает внутрь контура, который обводится контуром. Другими словами, использование этих объявлений вместо объявлений границ должно предотвратить непреднамеренное изменение макета просматриваемой страницы.

Если у вас есть какие-либо объявления о пользовательских стилях, которые можно добавить в SEO, не стесняйтесь оставлять комментарии.

Похожие

Комментарии