Question

我目前正在为工具提示实现纯CSS并开始重新思考它。

我决定使用纯CSS方法将代码与文本的比率降至最低，更好地控制它们的显示方式和更好的用户体验。但是使用没有任何JavaScript的纯CSS解决方案需要从锚标记中删除title属性。 这显然可能有缺点（？）。

这让我想到了： SE是否已经演变为在锚标签中查看span标签以代替title属性？

删除title属性会阻止浏览器显示工具提示的默认行为（因此在使用纯CSS时没有向用户显示两个工具提示）但标题属性对搜索引擎和SEO很重要。

知道搜索引擎日益变得更聪明，更聪明，我看到很多工具提示设计都是通过财产检查员以这种方式实现的。

所以：

我还应该包含title属性吗？ - 我看到了很好的＆amp;坏
在给定的锚点中使用包含相同文本的范围和标题是否会受到惩罚？ - 这将是错误的
span标记是否被视为文本，即使它在锚点内？ 如果是，则很酷但是很可能是
如果省略title属性，跨度是否取而代之？ 更好的做法是使网络间更好＆amp;更快的地方，但很可能不是

两者都会最终增加文件大小，代码比率也会增加。如果SE可以搜索锚点之间的span标签作为标题描述，那将是非常棒的。

所以我问你基于任何当前（或内部）知识和我上面提到的问题，下面的代码片段对SEO来说是坏的还是最好的？

使用JS和/或CSS的旧学校方式：

<a class="[add my tooltip and remove the browsers]" href="#" title="description of link">The Link</a>

或

我见过许多开发者使用过的动作：

<a href="#">The Link<span>description of link</span></a>

或

BUt应该是：

<a href="#" title"description of link">The Link<span>description of link</span></a>

显然，SEO的重要性也有很多因素需要考虑，所以我希望每个人的意见尽可能彻底 - 每个人都可以从中学到一些东西（？）。

日Thnx

Answer 1

使用

<a href="#" title="description of link">The Link<span>description of link</span></a>

总是有利的，搜索引擎（主要是谷歌）对链接的内容感兴趣，因此href标题起着至关重要的作用。它不仅可以向用户传达链接详细信息，还可以使SE使用其属性读取您的链接，而无需按照链接进行分类。

SE机器人对跨度的解读仍然存在争议，但标题属性是肯定的。

Answer 2

为什么不尝试这样的事情：

    $(document).ready(function (e) {

        $(".ToolTipClass").click(function (e) {
            ConfirmOK("ToolTip", $(this).prop("alt"));
        });

        function ConfirmOK(Title, Message) {
            $('<div style="padding:10px;max-width:500px;word-wrap:break-word;">' + Message + '</div>').dialog({
                draggable: false,
                modal: true,
                resizable: false,
                title: Title,
                minHeight: 75,
                closeOnEscape: false,
                buttons: {
                    OK: function () {
                        $(this).dialog("destroy");
                    }
                }
            });
        }
    });

将上述代码粘贴在您母版页的document.ready事件处理程序中，然后您需要使用它的所有内容都设置为＆＃39; ToolTipClass＆＃39;并将其alt属性设置为您要在对话框中显示的任何文本。

您可以在任何地方使用此代码，但我更喜欢使用＆＃34; info＆＃34;图标，因为它们是普遍可识别的。所需的代码量非常小 - 您仍然可以为您的SEO问题释放title属性。

用工具提示替换标题属性SEO的坏主意？

2 个答案: