html - h1 :before{ } work for seo? 是否

标签 html css seo

<分区>

<h1></h1>h1:before{ content: "title";}工作方式与 <h1>title</h1> 相同?

我正在创建一个响应式页面,我的名字在顶部作为 h1 标签之间的标题,例如 “John Smith”,但在移动浏览器上它不适合导航,所以我会喜欢在 mbile 浏览器上只说“John”。我可以使用 :before 在我的 css 中使用媒体查询来实现此目的根据视口(viewport)大小设置内容。

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

最佳答案

我不确定 :after:before 对 SEO 的影响。然而,当您使用此方法时,您放置在样式表中的内容是正确的,我认为这应该被视为不好的做法。我会更像这样解决:

HTML:

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

CSS:

@media (max-width: 768px) {
  .hide-mobile {
     display: none !important;
  }
}

关于html - h1 :before{ } work for seo? 是否,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17383575/

相关文章:

html - Colspan 行为异常

javascript - Javascript确认表单提交MVC

jquery - 在 jquery-ui 可拖动方法中使 ui.helper 的光标位置在中心

google-analytics - 无法将 Google Search Console (GSC) 链接到 Google Analytics (GA)

seo - 您在其他网站上的嵌入代码能否提高 seo 排名?

javascript - 如何使用javascript访问表单元素而不使用元素的id

html - 溢出 : hidden not working on flex display

html - 将标签添加到 Divy 侧边导航

variables - SEO 友好 URL,每种语言使用一个变量

javascript - 我的所有 CSS 文件都被导入到我的 React JS 文件中,但我没有导入它们?