Question

我需要帮助找出如何在帖子标题中隐藏文字，但是让搜索引擎可以看到它们。

例如，在帖子标题中，文字是“ [电影新闻]蜘蛛侠可能会出现在毒液电影中”，但帖子中帖子标题的可见文字是“蜘蛛侠可能出现在毒液电影中“。

但是当人们在Google上找到它时，文字将是原始帖子标题，又名“ [电影新闻]蜘蛛侠可能出现在毒液电影中”。

我见过很少有网站这样做但从未真正弄清楚如何自己做。提前感谢任何可以帮助我的人。

Answer 1

轻松打招呼：不要给他们任何高度，并隐藏溢出。

＆＃13;

.article {
  border: 1px solid #ccc;
  padding: 12px;
  background: #ccc;
}

.search-engine {
  overflow: hidden;
  height: 0;
  max-height: 0;
  background: #ddd;
}

.title {
  background: #ddd;
  padding: 12px;
  font-size: 15px;
  font-family: Helvetica;
}

＆＃13;

<div class="article">
  <div class="search-engine">[Movie News] Spiderman may appear in the Venom movie</div>
  <div class="title">Spiderman may appear in the Venom movie</div>
</div>

＆＃13;

修改

如果您可以输入一些JS，请添加此

const titles = document.getElementsByClassName('your class that is applied to your titles')
for (const title of titles) {
  const SEstring = title.textContent;
  title.textContent = title.textContent.replace(/^\s*\[[\w\s]*]\s*/, '');
  const SEelement = document.createElement('div');
  SEelement.style.height = '0';
  SEelement.style.maxHeight = '0';
  SEelement.style.overflow = 'hidden';
  SEelement.textContent = SEstring;
  document.insertBefore(SEelement, title);
}

这将删除标题中的文本和括号，并使用标题和括号在其前面创建一个不可见的div。在代码片段中做了同样的事情，但在JS！

如何在帖子标题中隐藏文字？

1 个答案:

修改