jjzjj

html - 从 SEO 的 Angular 来看，在这种情况下隐藏 H1 对索引不利吗？

coder 2024-02-27 原文

我不得不使用第 3 方 CMS，我无法更改 h3 的内容(或 h3 本身)

我对“cufon”没有太多的了解——假设它是一种使用特定字体的老式方法。我猜它不是合法的 HTML，所以没有编入索引。

因此我想在 H1

中包含页面的标题 
<h3>
  <span class="someClassDictatingTheFontToUse">
    <cufon class="cufon cufon-canvas" alt="Alternative text " style="..inline styles..">
   <canvas width="73" height="18" style="..inline styles.."></canvas>
     <cufontext>Page </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Page" style="..inline styles..">
     <canvas width="76" height="18" style="..inline styles.."></canvas>
     <cufontext>Content</cufontext>
   </cufon>
  </span>
</h3>

<!-- im proposing this -->
<h1 class="offthepage_or_verysmall">Page Content</h1>

<p>This is my content etc</p>

在哪里

.offthepage { margin-left:-10000px; position:absolute}

或

.verysmall { height:1px, position:absolute; left:1px; etc }

页面会因此受到惩罚(从 SE 索引的 Angular 来看)吗？

或者是否有更强大/对 SE 友好的方式来做到这一点而不考虑关键字填充？

谢谢

最佳答案

Cufon 是一种基于 JavaScript 的工具，允许通过 SVG 呈现“漂亮”的字体，同时仍保留原始文本。在 Cufon 使用之前，要呈现的字体必须转换为矢量格式。在 DOM 完全加载且 JS 已处理后，您的开发人员工具中的输出可能看起来很草率，但要真正了解它在所有这些之前在做什么，请尝试在浏览器中禁用 JS 或以纯文本方式查看网站。在您发布的示例中，您应该看到类似...

<h3>Page Content</h3>

...虽然您可能还会看到 SPAN 标记和内联样式(如果这是 CMS 输出的一部分)。这是大多数搜索引擎应该看到的。试一试，让我们知道禁用 JS 时显示的内容。

这里有一个很好的解释它如何与 SEO 一起工作:http://xsdesigns.se/2013/10/cufon-custom-fonts-hurt-seo/

关于屏幕外 H1 问题，我读过的所有内容都说 Google 确实索引了 CSS 隐藏的 HTML 元素。您可能只想使用其中之一而不是将其放置在屏幕外；它更优雅一些(如果可以避免，我也建议不要使用内联样式来完成此操作):

/* Takes element out of DOM layout entirely */
h1.offthepage_or_verysmall { display: none; }

/* Element still present in layout, but doesn't appear on screen */
h1.offthepage_or_verysmall { visibility: hidden; }

话虽如此，这显然不是一种理想的做法，并且有强烈的传言称 Google 和其他公司正在处理 JavaScript 和 CSS 文件以及原始 HTML 输出。这可能是一种惩罚。使用风险自负。

关于html - 从 SEO 的 Angular 来看，在这种情况下隐藏 H1 对索引不利吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21921574/

不利Angular34cufoncodehtmlcssseo

有关html - 从 SEO 的 Angular 来看，在这种情况下隐藏 H1 对索引不利吗？的更多相关文章

  1. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  2. ruby - 默认情况下使选项为 false - 2

    这是在Ruby中设置默认值的常用方法:classQuietByDefaultdefinitialize(opts={})@verbose=opts[:verbose]endend这是一个容易落入的陷阱:classVerboseNoMatterWhatdefinitialize(opts={})@verbose=opts[:verbose]||trueendend正确的做法是:classVerboseByDefaultdefinitialize(opts={})@verbose=opts.include?(:verbose)?opts[:verbose]:trueendend编写Verb

  3. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

  4. ruby - 在没有 sass 引擎的情况下使用 sass 颜色函数 - 2

    我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem，所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re

  5. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2

    所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择

  6. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  7. ruby - 在不使用 RVM 的情况下在 Mac 上卸载和升级 Ruby - 2

    我最近决定从我的系统中卸载RVM。在thispage提出的一些论点说服我:实际上，我的决定是，我根本不想担心Ruby的多个版本。我只想使用1.9.2-p290版本而不用担心其他任何事情。但是，当我在我的Mac上运行ruby--version时，它告诉我我的版本是1.8.7。我四处寻找如何简单地从我的Mac上卸载这个Ruby，但奇怪的是我没有找到任何东西。似乎唯一想卸载Ruby的人运行linux，而使用Mac的每个人都推荐RVM。如何从我的Mac上卸载Ruby1.8.7？我想升级到1.9.2-p290版本，并且我希望我的系统上只有一个版本。 最佳答案

  8. ruby-on-rails - capybara ::ElementNotFound:无法找到 xpath "/html" - 2

    我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'

  9. FOHEART H1数据手套驱动Optitrack光学动捕双手运动(Unity3D) - 2

    本教程将在Unity3D中混合Optitrack与数据手套的数据流，在人体运动的基础上，添加双手手指部分的运动。双手手背的角度仍由Optitrack提供，数据手套提供双手手指的角度。 01  客户端软件分别安装MotiveBody与MotionVenus并校准人体与数据手套。MotiveBodyMotionVenus数据手套使用、校准流程参照：https://gitee.com/foheart_1/foheart-h1-data-summary.git02  数据转发打开MotiveBody软件的Streaming，开始向Unity3D广播数据；MotionVenus中设置->选项选择Unit

  10. ruby - 如何使用 Ruby 将 CSV 文件读入 HTML 表格？ - 2

    我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示，但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题，而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda

随机推荐