Скрыть адрес электронной почты от ботов, используя псевдоэлементы?

Псевдоэлементы не являются частью DOM. Они не могут быть нацелены на JavaScript, и они видимы для пользователя.

Если бы я хотел создать сайт с моим адресом электронной почты (или любой другой информацией, которую я не хотел бы автоматически удалять), но не хотел, чтобы он был виден роботам, я не мог просто сделать:

<style>
.email-point::after {
    content: "cris@domain.com"
}
</style>
<span class="email-point">Email:</span>

Для меня это довольно жуткий и надежный способ скрыть контент от роботов. Как это терпит неудачу?

Источник

2 ответа

Решение

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

<span class="cris email">@</span>

.cris.email::before{
    content: "cris"
}
.email::after {
    content: "domain.com"
}

но знайте, что это UX-грех, так как конечный пользователь не сможет скопировать адрес и будет вынужден напечатать его

Источник

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

Источник
Другие вопросы по тегам