seo - 在选项卡上使用 html 命名 anchor 文本以获得更好的 seo 可搜索性的最佳语法是什么？

Question

关于 html 中的 anchor 的问题，具有最大的 seo 友好性和用户友好性。目前，我们网站上的选项卡使用 javascript 自动创建的数字 anchor ，例如当鼠标悬停在它们上面时，用户会看到:page#1、page#2 和 page#3我猜是一个搜索引擎。

现在，标签在 html 中显示如下:

<div class="panel">
    <h3 class="tab">Tab Title</h3>
    <p>Contents</p>
</div>

<div class="panel">
    <h3 class="tab">Tab Title</h3>
    <p>Contents</p>
</div>

因此，我的计划是在那些 javascript 选项卡按钮上制作非自动、手动规定的 anchor ，例如page#overview、page#services 和 page#prices。

Q1。新的标签 anchor 是否会让我的网站更易于搜索？

Q2。或者， anchor 文本应该更具体吗？ 如果是这样，为什么 Dreamweaver 不允许我制作更具体的 anchor 文本，例如
page#architectural services overview 或
page#ornamental garden fountains?

在 Dreamweaver 中，我导航到 menu > Insert > Named Anchor 并在单个字段中填写类似“喷泉”的内容。然后，Dreamweaver 插入以下内容:

<a name="fountains" id="fountains"></a>

Q3。两者都是必要的还是只是必不可少的部分之一，或者是否应该通过添加 title="fountain"来扩展标签，换句话说，如今编写优雅 anchor 的最佳方式是什么？

Q4。 anchor, anchor-tag, named-anchor, html-anchor 之间有什么区别，如果有的话

Answer 1

据我所知，Google 的蜘蛛程序不会呈现该页面，因为这样做的成本非常高。他们只看 HTML。当您查看您网站的源代码时，它不会显示任何 JavaScript 生成的内容，而这就是 Google(和任何其他引擎)看到的所有内容。

Q1:page#overview正在指定元素的 ID。 page#overview也是无效的 HTML，因为没有 <page>元素。 Google 会读取选项卡上写 的内容，而不是它们的 ID。只是让它们具有描述性。

Q2:page#architectural services overview是完全无效的 HTML。如果一定要弄这么长的ID，用下划线:page#architectural_services_overview .否则，在呈现页面时您可能会得到一些疯狂的结果...

Q3:HTML 属性(href、rel、alt、id、name、title 等)各有其用途。如您所知，href用于表示链接指向的位置。 name提交表单时由服务器端脚本使用，因此请善待它们。我不会碰 name除非它被 PHP 脚本等使用。

Q4:这就是我不喜欢 Dreamweaver 的原因……浏览器使用定位点(如果我错了请纠正我)滚动到页面中的元素。它们由 id 表示以 # 为前缀的元素.尝试 clicking here . href是https://stackoverflow.com/questions/4911438/whats-the-best-syntax-for-using-html-named-anchor-texts-on-tabs-for-better-seo-se#top , 和 #top是文档的顶部。

同样，点击here把你带到底部。它引用 #footer-menu .

希望这有帮助；)