Как скрыть от индексирования через псевдоэлементы?

[Admin2]

Подскажите плиз, как можно скрыть текст от индексирования поисковыми машинами? Если можно, покажите на примере в пару строчек.

[Вадим Мошев]

Можно воспользоваться тегом <noindex>...</noindex>, но:
1. Этого тега нет в спецификации HTML, поэтому такой под получится невалидным. Для успешной валидации теговые скобки надо заключать в комментарии:

<!-- <noindex> -->
  Я не хочу индексироваться
<!-- </noindex> -->

2. Работать такое будет только в яндексе, то есть, только яндекс не будет индексировать текст внутри таких конструкций.

Можете попробовать вынести текст, который надо скрыть, в отдельные страницы, доступ к ним закрыть через robots.txt:

user-agent: *
dissallow: (тут пишете путь к целевым файлам, начиная от корня, например, /myPages/myHomePage.php)

Работает везде.
Кстати, если для параметра disallow установите значение "/", то не будет виден вообще вообще весь сайт.

[Admin2]

Ясно.
А нельзя использовать для скрытия индексирования, например, псевдоэлемент before: ? Я вроди где-то встречал, что это возможно, но не могу нагуглить ничего подходящего.

[Naive]

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

[Admin2]

Сообщение от Naive

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

А вы не могли бы пожалуйста двумя строчками показать как это выглядит? Я к сожалению, к html и css имею лишь косвенное отношение, но мне очень важно понять как это работает.

[Вадим Мошев]

Сообщение от Admin2

Я к сожалению, к html и css имею лишь косвенное отношение

Здесь уже одним html/css не обойтись. Вам потребуется javascript. Вот пример того, как это можно сделать:

var myElem = document.getElementById('myId');
var text = myElem.getAttribute('noindexText');
myElem.innerHTML = text;

В HTML вам нужен будет элемент, например, такой:

<div noindexText="Не индексируйте меня!"></div>

[Admin2]

Сообщение от Вадим Мошев

<div noindexText=

А это ОК добавлять в код собственные аттрибуты? У div тега ведь нет такого аттрибута. Валидный ли будет код с точки зрения поисковой машины?

Сообщение от Вадим Мошев

myElem.innerHTML = text;

Т.е. я верно понял, что таким образом нужно будет найти псевдоэлемент "before::" и вставить текст в его параметр "content"?

[Fenex]

Сообщение от Вадим Мошев

1. Этого тега нет в спецификации HTML, поэтому такой под получится невалидным. Для успешной валидации теговые скобки надо заключать в комментарии:

<!-- <noindex> -->
  Я не хочу индексироваться
<!-- </noindex> -->

Не понимаю людей, которые боятся ставить свои аттрибуты и названия тегов. Валидация? О чём вы, на дворе дветыщишеснацатый год!

P.S. вроде как аттрибуты считаются валидными если соответствуют маске: `data-*`

[predefined]

Сообщение от Admin2

Подскажите плиз, как можно скрыть текст от индексирования поисковыми машинами?

Скрыть часть текста на странице:
- для Яндекса - тэг <noindex> или его валидный вариант:

<!--noindex-->текст, индексирование которого нужно запретить<!--/noindex-->

- для Google - только сделав текст картинкой. Всё, что выводится яваскриптом и стилями - Google в состоянии увидеть.
И кликабельные ссылки картинкой не скроешь.

Скрыть всю страницу:
И Яндекс и Гугль повинуются мета-тэгу:
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
или
<META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">

PS: В robots.txt страницы от индексации Гуглем не закрыть - если на них есть внешние ссылки, страницы всё-равно будут в индексе Google.

[Naive]

Сообщение от Admin2

А вы не могли бы пожалуйста двумя строчками показать как это выглядит? Я к сожалению, к html и css имею лишь косвенное отношение, но мне очень важно понять как это работает.

<div class="noindex" data-text="hello world"></div>

.noindex:before {
  content: attr(data-text);
}