Question

关于 html 中的主题的问题，具有最大的seo友好性和用户友好性。目前，我们网站上的标签使用javascript自动创建的数字锚点，例如当鼠标悬停在用户身上时，用户会看到：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标签按钮上制作非自动的，手动指定的锚点，例如page#overview，page#services和page#prices。

Q1。新的标签主播会使我的网站更易于搜索吗？

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

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

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

Q3。是必要的还是仅仅是必不可少的部分之一，或者是否应该通过添加title =“fountain”来扩大标记，换句话说，这些日子写出优雅锚点的最佳方式是什么？

Q4。锚，锚标签，命名锚，html-anchor之间有什么区别（如果有的话）

Answer 1

据我所知，谷歌的蜘蛛不会渲染页面，因为这样做的成本非常高。他们只看HTML。当您查看网站的来源时，它不会显示JavaScript生成的内容，而且这是Google（以及任何其他引擎）看到的内容。

Q1 ：page#overview指定元素的ID。 page#overview也是无效的HTML，因为没有<page>元素。 Google会在标签上读取已写的内容，而非其ID。只需使它们具有描述性。

Q2 ：page#architectural services overview完全无效的HTML。如果您必须制作如此长的ID，请使用下划线：page#architectural_services_overview。否则，渲染页面时可能会得到一些疯狂的结果......

第3季度：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。

希望这会有所帮助;）

Answer 2

JavaScript已完成浏览器端，因此不会有任何搜索引擎优化的好处（使用Google网站管理员工具中的“获取为googlebot”来验证实际上是什么“索引”）。
搜索引擎会忽略“片段”（因为当包含在URL中时会引用锚点）。所以，再次，没有SEO的好处。

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

2 个答案: