草庐IT

semantic-markup

全部标签

seo - Google Rich Snippets 测试工具 "This page does not contain authorship or rich snippet markup"错误

我正在尝试使用谷歌代码片段测试工具测试以下代码片段,但我得到的只是“此页面不包含作者身份或丰富的代码片段标记”并且它变得非常烦人任何想法可能是什么问题??LinasLocatedatPlazaHotel,Hamra,Beirut,Lebanon,Phone:9611751244.http://www.linaslb.com. 最佳答案 您可能想尝试使用schema.org作为您的项目类型来源,而不是data-vocabulary.org。我将以下内容粘贴到http://www.google.com/webmasters/tools/

HTML5 大纲 – 带有标题围绕 Logo 的页眉

我一直想知道在我网站上的Logo周围使用标题标签的最佳做法是什么,尤其是使用HTML5分段标签时。我在许多网站和论坛上了解到,如果我想在我的Logo周围添加标题,我应该执行以下操作:[...][...]但是现在,我网站上的每个页面都将Logo的alt属性中指定的文本作为其主标题,我可以想象,这并不理想。我的意思是,H1标签旨在提供«文档的主要主题»,但大多数时候不是我在Logo的alt标签上指定的文本。但是,如果Logo的alt标记包含公司名称(因为它是公司Logo),我希望将它放在标题中(以赋予它一些相关性和重要性),只是不在h1标题中。您认为以下是解决此问题的有效方法吗:[...]

html - 用文本包裹 anchor 元素

如果anchor元素有文本(而且只有文本),但不是较大文本block的一部分,那么anchor标记是否被段落元素包裹是否重要(例如语义、SEO、维护)?LinkDescriptionLinkDescription纵观大型网站,这两种方式似乎都很流行。但是有什么显着差异吗? 最佳答案 (请注意,p只能使用forparagraphs。如果它不是一个段落,而您想使用这样的包装器,请改用div;如果它是一个段落,无论如何都应该使用p。)我可以想到这样的包装器在语义上很重要的两种情况(见下文)。使用包装器的另一个很好的理由当然是,如果现有的C

html - 正确使用图片引用的 <img> alt 属性?

给定图片引用,alt属性的正确用法是什么?它似乎有资格作为带有“装饰文字”的图像,whichW3Crecommends将整个文本放在alt属性中。但是,我猜他们对装饰文本的想法是一个简短的短语。事实上,他们为alt属性推荐了一条“短线”。此外,somescreenreaders显然将文本分成125个字符的block。更具体到我的情况(因为这个问题可能看起来微不足道),我运行一个获得相当多流量的报价网站,因此确保它的可访问性和语义对我来说很重要。在下一个版本中,引述将显示为拼贴画——一些文本,一些图片引述。我最初打算使用以下内容,基于alt属性应该用简短的句子描述图像这一事实:Pictu

HTML5 标签顺序

编写HTML5标签的顺序重要吗?例如,nav可以写在header之前,还是section写在nav之前?我会说是,因为标签本身表明它不是订单。有兴趣听听其他人的想法,尤其是在SEO方面。 最佳答案 couldnavbewrittenbeforeheaderorsectionbeforenav?是的。这是HTML5的改进之一:感谢sectioningelementsandtheoutliningalgorithm,我们不必再单独依赖标题(参见下面的示例)。但是,如果您不总是(如果合适的话)使用分段元素和header/footer,那么

html - 使用列表替换段落和标题标签

研究列表,它们似乎具有SEO优势。看完thisarticle,特别是关于“定义列表”的部分,我不禁注意到定义/descriptionlists看起来非常类似于典型的大型文本(标题->段落、标题->段落等)。显然CSS可以为设置样式和根据需要标记,所以我的问题是:如果它能给您带来SEO优势,为什么不是每个人都对他们的大部分在线内容使用定义/描述列表? 最佳答案 itappearstheyhaveanSEOadvantage这应该是什么,“SEO优势”?好的网络搜索引擎会尝试理解页面的内容。页面作者使用HTML定义内容的结构,这可能有助

html - 对于小部件的侧边栏,哪个更语义化?

在下面的例子html5页面结构中,相对于widgets的侧边栏,以下哪个更符合语义(侧边栏中出现的元素是出现在多个页面上的元素,不一定,与本页内容没有直接关系,也没有特别关系):......searchfield,etc......articleslist......searchfield,etc......articleslist......或者.........searchfield,etc......articleslist......taglist......articleslist......AKA-将多个旁白放在一个部分中,或者在一个旁白中包含多个部分以创建小部件的侧边栏,

css - 可以接受将视觉隐藏类应用于模式属性吗?

在为SEO添加架构数据到您的站点时,将所有架构数据保存在一个元素范围内似乎是一件轻而易举的事情。或者至少在具有相同类型的冗余元素范围的同一页面上。但是假设我正在遵循样式指南并且只在网站上显示某些属性(例如,页脚中没有足够的空间来列出所有元素属性)。然而,我仍然希望这些信息显示在搜索引擎中(例如营业时间或Googlemap)。如果我有一个使用HealthAndBeautyBusiness模式数据的页脚,但只想显示一些字段,是否可以只列出它们并应用class="visuallyhidden"我不想显示的元素属性?,换句话说,是否有明确定义的方法来区分恶意使用和正确使用.visuallyhi

HTML5 : should hreflang always point to a direct translation?

对于多语言网站,将这种链接放在头部是一个很好的做法:但是,accordingtoananswer问题Semanticmarkupforlanguageswitcher,语言切换器应该看起来像:TranslationsofthispageEnglishPolskiDeutsch据此,我有几个语义标记问题:SEO是否需要这两条规则?或者,如果我的网站上有语言切换器,则不再需要head中的链接?假设我在页面上:example.com/pl/kontakt。head(或nav)中的翻译链接应该指向:example.com/en/contact(直接翻译),还是仅指向example.com/en

HTML5 事件列表语义

将每个事件列为是否正确?在事件列表页面上(假定每个事件都是来自所述事件的详细信息页面的列表。是否应该将其视为与博客相同的东西(语义上)。还应该考虑事件日期/时间标记。欢迎任何引用阅读,我找不到任何细节!Event1ondategivenEvent2ondategivenEvent3ondategiven或者每个事件都应该包含在一篇文章中并用典型的div结构包装。Event1ondategivenEvent2ondategivenEvent3ondategiven 最佳答案 事件使用article元素比较合适如果保证使用分段内容元素。