Якорь ссылка

New Member
На сайте с 21.12.2008
Offline
211
533

Получается новостной сайт, некуда текст впихнуть для раскрутки с ключевыми словами.

Сделал на странице кнопочку "Подробнее"

<a href="#moreInfo" onclick="moreInfo()" style="display:block;color:gray;">Подробнее</a>

При нажатии в конце урл текущей страницы добавляется #moreInfo и вылазит текст под кнопочкой.

Как к этому относится гугл?

Просто я вбиваю урл страницы где такая кнопка, жму кэш, потом жму текстовая версия и на странице нету этого тексте вообще.

Потом беру кусок текста из под этой кнопки, вставляю в строку поиска гугла и он находит страницу где этот текст под кнопкой спрятан, то бишь все нормально, а вот в кеше нет.

Вот как видит гугл бот (в WMT):

<a href="#moreInfo" onclick="moreInfo()" style="display:block;color:gray;">Подробнее</a>

<div style="display:none;" id="moreInfo">текст</div></div>

Или лучше как тут сделать?

Раскрутка сайтов (https://seomasters.com.ua/)
богоносец
На сайте с 30.01.2007
Offline
774
#1
New Member:
<a href="#moreInfo" onclick="moreInfo()" style="display:block;color:gray;">

<span onclick="moreInfo()" style="display:block;color:gray;">
New Member:
Подробнее

Зачем вам это слово показывать ПС?

New Member
На сайте с 21.12.2008
Offline
211
#2
богоносец:
<span onclick="moreInfo()" style="display:block;color:gray;">

Зачем вам это слово показывать ПС?

Ну а что вместо него написать?

-Mouse-
На сайте с 26.03.2007
Offline
108
#3
New Member:
Ну а что вместо него написать?

Можно картинкой ...

New Member
На сайте с 21.12.2008
Offline
211
#4
-Mouse-:
Можно картинкой ...

А что плохого в том, что там слово "Подробнее" я не понимаю?

богоносец
На сайте с 30.01.2007
Offline
774
#5

Да ничего, кроме случаев, когда оно в выдачу лезет. Скриптами можно рисовать всё такое...

Вот вам без скриптов:

<!DOCTYPE html><html><head><meta charset="utf-8">

<title>:target (для новых браузеров)</title>
<style>body { width: 40%; }
p { white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
p:target { white-space: normal; }
a.more { padding: 1ex;
text-decoration: none;
position: relative;
left: 101%;
bottom: 2em; }
a.q { color:#990000;
text-decoration: none;
font-weight:700; }</style>
</head>
<body>

<h1>живность</h1>

<div>
<h2>Снусмумрики</h2>
<p id="снусмумрики">Это такая нечисть, о которой даже вспомнить противно, читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее. <a class="q" href="#">×</a></p>
<a class="more" href="#снусмумрики">▼</a>
</div>

<div>
<h2>Ханорики</h2>
<p id="ханорики">Эта нечисть ещё хуже, ну такая гнусная, ну такая гнусная читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее читать далее. <a class="q" href="#">×</a></p>
<a class="more" href="#ханорики">▼</a>
</div>

</body>
</html>
По мотивам...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий