Html h1:在{}为seo工作之前？

和

h1:before{content:“title”}

的工作原理是否与

title

相同

我正在创建一个响应页面，顶部是我的名字，作为h1标签之间的标题，例如“John Smith”，但在移动浏览器上，它不适合导航，因此我希望在mbile浏览器上只显示“John”。我可以在css中使用

：before

根据视口大小设置内容，通过媒体查询来实现这一点

---

我只需要知道它是否会因为SEO原因在h1标签之间验证为“John Smith”？

选择一个作为应该在页面大纲中使用的标题，最好是大标题。然后添加移动噱头

<h1 class="suppressed-on-mobile">John Smith</h1>
<div class="mobile-heading">John</div>

这样，文本浏览器、搜索引擎、屏幕阅读器等都知道显示什么

---

搜索引擎不解析

内容

属性，因此CSS规则中不应包含实际内容。

选择一个作为页面大纲中应使用的标题，最好是大标题。然后添加移动噱头

<h1 class="suppressed-on-mobile">John Smith</h1>
<div class="mobile-heading">John</div>

这样，文本浏览器、搜索引擎、屏幕阅读器等都知道显示什么

---

搜索引擎不解析

内容

属性，因此CSS规则中不应包含实际内容。

我不确定

：after

和

：before

对SEO的影响。然而，当您使用这种方法时，您将内容放在样式表中，我认为这应该被视为不好的做法。我会更像这样解决：

HTML:

<h1>John <span class='hide-mobile'>Smith</span></h1>

---

我不确定

:after

和

:before

对搜索引擎优化的影响。然而，当您使用这种方法时，您将内容放在样式表中，我认为这应该被视为不好的做法。我会更像这样解决：

HTML:

<h1>John <span class='hide-mobile'>Smith</span></h1>

---

对于通过

mediaquerys

移动，您可以设置hudge

字间距
，
白色：空格：nowrap
和
溢出：隐藏
在
上向屏幕外发送那些困扰您的额外单词：）。
对于通过
媒体查询的手机，您可以设置一个hudge
字间距
，
白色：空格：nowrap
和
溢出：隐藏
在
上向屏幕外发送那些困扰您的额外单词：）。
如果移动版本不在标题中添加字符（例如，用短单词替换长单词），则此功能将非常有效。简单且出色！如果移动版不在标题中添加字符（例如，用短单词替换长单词），那么这将非常简单且出色！内容：''；添加只有在运行CSS时才存在的文本或图像，这样您就可以期望它在搜索引擎中不可见。即使对于javascript，这也不容易，因为它在DOM中不存在。这个问题似乎离题了，因为它是关于SEO的，而SEO在堆栈溢出时离题了。@johncode我不太确定，这个问题确实涉及代码……我的问题已经回答了，所以我看不出有问题。这是一个非常有效的问题，在编写页面/站点或程序时非常有用。它在页面中没有提到不允许这种类型的问题，因为它与编程直接相关。我认为你的评论非常不具建设性，你可以花时间回答你所知道的人的问题，而不是抱怨你无法回答的人的问题，而回答问题的经验丰富、乐于助人的人却能够做到：；添加只有在运行CSS时才存在的文本或图像，这样您就可以期望它在搜索引擎中不可见。即使对于javascript，这也不容易，因为它在DOM中不存在。这个问题似乎离题了，因为它是关于SEO的，而SEO在堆栈溢出时离题了。@johncode我不太确定，这个问题确实涉及代码……我的问题已经回答了，所以我看不出有问题。这是一个非常有效的问题，在编写页面/站点或程序时非常有用。它在页面中没有提到不允许这种类型的问题，因为它与编程直接相关。我认为你的评论非常不具建设性，你可以花时间回答你了解的人的问题，而不是抱怨你无法回答的人的问题，而回答问题的经验丰富、乐于助人的人能够不需要修改标记。无需修改标记。