Google rich snippets. What the heck are those?

They're these awesome things that can help you improve your website's SEO and generate more site traffic from search engine results pages (SERPs), and in this article, I'm going to tell you how to set them up.

Let me first pose a question to you: Have you noticed that when doing a Google search, certain listings just look a little sexier than others? For example, if you were doing a search for "apple pie," which of these listings when you rather click on?

Google Rich Sippet关于苹果派的结果

我敢打赌,您选择了选项#2。如果您不这样做,那么您一定真的不喜欢苹果派。

在缩略图图像和五星级评级量表之间,这些网站在做什么来制作其Google列表中包括此额外的媒体?这些精美的信息的秘诀是丰富的片段,这些网站已为使用其网站页面的HTML进行了优化。

Google rich snippets -- also called "丰富的结果" -- extract information from your website to display on your site's listing in the search results, in addition to the typical page title, page URL, and meta description.

确保每个搜索结果都显示这三个信息,组成个人片段。The thinking is, the more information included in a search result's snippet, the more likely users are to click on that result. With enough structured data on the page, you can earn arich snippet

Click here to get everything you need to get your website ranking in search.“></a></span></span>
                <!-- end HubSpot Call-to-Action Code --></p><p>在企业的SEO策略中,富裕的片段通常被忽略了,因为它们比<a href=传统的页面SEO。But with how complex Google search results look today, it would be worth your while to spend a little time learning how to do this. Adding this content-rich information to your Google search listings draws the eye and canincrease your listings' click-through rates, even when you're不排名#1位置。

如何安装丰富的片段有一些选择,但是我将向您展示最简单的方法:使用microdata。

Keep in mind this process won't guarantee that you'll get a rich snippet. But giving these details special treatment can dramatically increase your chances of enhancing the appearance of your search result -- and, in turn, the traffic you get from it.

1.确定您希望Google专注于哪些细节。

Your webpage's topic and format will dictate which types of information you want Google to display in its search results. Are you writing an article? An event page? A book review? A product page? Here are some examples of details included in rich snippets for the several types of snippets available to you:

  • 文章:You can add tags for the article title, author, meta description, publish date, featured image, and more.
  • 餐厅页面:You can add tags for food items, item prices, item descriptions, item images, item calories, and more.
  • 产品页面:You can add tags for product names, product ratings, product prices, product availability, product images, and more.
  • Event page:您可以为事件名称,活动扬声器,活动时间表,事件日期等添加标签。
  • Recipe:您可以添加用于配方评级,成分,最终产品图像,烹饪持续时间,总卡路里等标签。

2. Define your webpage using Google's Structured Data Markup Helper.

那么,如何创建上面列出的标签?不幸的是,它并不像在网页的HTML中写“这是产品的价格”那样容易,并希望Google能够提示。为了将这些信息正确传达给Google,该公司提供了一个方便的工具,用于根据您发布的网页类型创建结构化数据集。bob全站app它称为结构化数据标记助手。用它here,在下面查看。

google-structured-data-markup-helper

正如你所看到的,上面,你会首先选择the attribute that best describes the content you're creating. Then, at the bottom of this page, enter the existing URL of the webpage to which your content has been published. (Note: To use this tool, you'll publish your content first, and then retrieve the URL so you can structure your data accordingly.)

3.使用所选数据类型为您的网页创建微数据。

MicroDATA是标记内容来描述此内容代表的内容的一种方式。例如,事件具有与之相关的各种信息,包括场地,起始时间,名称和类别。然后,您可以使用一些代码基本上告诉Google:“这是我的活动,以及人们需要了解的最重要的信息。”

How Microdata Can Be Used

Microdata wraps your text in very simple HTML tags, such as or

tags, to assign descriptive terms to each bit of information. Here's an example block of HTML showing some basic information about me -- the author of this article -- below.

My name is Diana Urban, and I was born and raised in New York. I'm on the marketing team at HubSpot, an all-in-one marketing software company in Cambridge, MA.

在上面的副本的开头和结尾查看这些

标签?这表示标准中的文本paragraphstyle. There's nothing unique about the text above compared to any other paragraph in this article. This makes it hard for Google to interpret it the way you might want it to be interpreted.

Now, here is the same HTML tagged with microdata:

itemscope itemType =“ http://data-vocabulary.org/Person“>
My name is 我是title
“>前景营销主管 at 联系“>集线器, an all-in-one marketing software company in Cambridge, MA.

这些大胆的在上面的HTML标签告诉谷歌each piece of my author bio actually is. The "person" tag indicates this is about a person. The "name" tag indicates the following text is my name. The "title" tag indicates the following text is my job title. The "div" tags single out the entire section of HTML so Google knows it can highlight it in my article's snippet, given the appropriate search term a user might enter.

创建您的微数据

Once you've selected your data type in the previous step, you'll be taken to a page where you can automatically associate certain details of your webpage with microdata that describes those details. To create microdata for an article's author, for example, you'll highlight the author's name on the webpage -- which Google projects on the lefthand side of the tool -- and select "Author" in the dropdown that appears. See how this looks, below.

Author tag created using Google's Structured Data Markup Helper

4.从此微数据创建新的HTML。

Next, you'll create new strings of HTML from the microdata you created in the previous step. Once you've finished assigning each part of your webpage a proper tag, click the red "Create HTML" button on the top-righthand corner of the tool, as shown below.

create-html-google-structured-data-markup-helper

5.使用此微型数据标记您的内容。

With your HTML successfully created, you'll see every tag you created in step 3, above, listed in a block of code you can then insert into your article's HTML. You'll insert this code in your content management system (CMS).

Google recommends adding the HTML it created for you into the "head section" of your article's HTML. If you useCMS Hub,您会发现仅为此场合设计的单独的HTML框,如下所示。

Head and footer HTML sections for adding code snippets in HubSpotLearn more about adding HTML to webpages in集线器Academy

想要另一种用各种微型数据标记HTML的方法吗?查看此说明列表下方的富篇幅的不同示例。这些丰富的摘要中的每一个都链接到有关如何优化每种类型的丰富片段的分开的Google指令。(当您加载他们的页面时,请始终选择“ Microdata”方法以获取正确的说明。)

6. Test your rich snippet.

Google Webmaster Tools has another nifty feature that lets you test your rich snippet.Click here to use their Structured Data Testing Tool.这将确认Google是否可以阅读您的标记数据以及您富裕的片段是否出现在其搜索结果中。

7. Be patient.

如果您没有立即在Google的搜索结果中看到丰富的片段,请不要害怕。实际上,Google需要几周的时间才能爬网和索引这些新数据。所以去海滩。喝玛格丽塔酒。在阳光下浸泡。

Okay, it's more likely that you'll just keep working on other stuff in the meantime, but a girl can dream ...

Rich Snippets Examples

Let's run through some of the different types of rich snippets that are available to use on your website. Each section links to Google's instructions on how to actually install the rich snippets -- remember to select the microdata option for the easiest installation process!

Business and Organization Snippets

A rich snippet about a business or organization can include location information, contact information, price ranges, hours, and customer reviews, if there are any available.

富含商业的人

Learn how to create rich snippets for organizations >

Event Snippets

Event snippets include the date, location, and time of the event. If there are more than one option for the events, up to three will be displayed.

富含事件的游戏

Learn how to create rich snippets for events >

Music Album Snippets

Using music album rich snippets will display links to individual songs in an album, or even lyrics to the song if available.

音乐 - 山的鼻子富含音乐

Learn how to create rich snippets for music >

People Snippets

The people snippet displays information such as a person's job title, the company they work for (a.k.a. affiliation), and location. It can also display a photo, nickname, and more.

人们片段与作者摘要不同。这是区别,真正的例子。

people-google-rich-snippet

Learn how to create rich snippets for people >

Product Snippets

Product rich snippets include things like a picture of a product, ratings, and price range of the product.

product-google-rich-snippet

Learn how to create rich snippets for products >

食谱片段

Recipe rich snippets provide users with additional information about a specific cooking recipe, such as the ratings (1 to 5 stars), cook/prep time, and calorie information.

In order to qualify as a recipe, you must have at least two of the following tags in place:

  • A photo of the dish
  • The tag: prepTime, cookTime, totalTime, or ingredients
  • Calories
  • Review
recipe-rich-snippet

Review Snippets

您已经看到了许多具有5星级评级的片段的示例。但是您还可以设置仅仅是评论部分的摘要。

review-google-snippet

了解如何创建丰富的摘要以进行评论>

Video Snippets

If you want a thumbnail of a video to display next to your search listing, the markup works a little different. Google recognizes the Facebook Share markup code, so you might as well kill two birds with one stone.

富含视频的游戏

Learn how to create rich snippets for videos >

营销“></a></span></span>
                <!-- end HubSpot Call-to-Action Code --></p>
               <div id= Click here to get everything you need to get your website ranking in search.“></a></span></span>
                <!-- end HubSpot Call-to-Action Code -->
               </div></span>
              <p class=Originally published Feb 20, 2019 10:13:00 PM, updated April 10 2020

主题:

Structured Data