Question

When searching with Ctrl + F in a website I’d like to exclude some text. Is there a way to solve this?

Answer 1

Apparently

Some quick testing shows that text content added via a pseudo-element will not be found. See this fiddle (search “Google” as an example) which uses the following example code (HTML5). I realize you may want to use a tags or something else, and may need to use javascript for functionality, but the point is, you can make small amounts of text, as you seem to require, that is invisible to searching.

HTML

<ul class="hideText">
    <li data-cB="Google" data-cA="https://www.google.se"></li>
    <li data-cB="GitHub" data-cA="https://github.com"></li>
</ul>

CSS

.hideText {list-style: none}
.hideText li {
    width: 200px;
    height: 50px;
    padding: 2px;
    background-color: #ddd;
    border: 1px solid #bbb;
    border-top-color: #eee;
    border-left-color: #eee;
}
.hideText li:before {
    content: attr(data-cB);
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
.hideText li:after{
    content: attr(data-cA);
    font-size: .8em;
}