background preloader

Rich snippets (microdata, microformats, and RDFa) - Webmaster Tools Help

Rich snippets (microdata, microformats, and RDFa) - Webmaster Tools Help
Rich snippets (microdata, microformats, RDFa, and Data Highlighter) Snippets—the few lines of text that appear under every search result—are designed to give users a sense for what’s on the page and why it’s relevant to their query. If Google understands the content on your pages, we can create rich snippets—detailed information intended to help users with specific queries. For example, the snippet for a restaurant might show the average review and price range; the snippet for a recipe page might show the total preparation time, a photo, and the recipe’s review rating; and the snippet for a music album could list songs along with a link to play each song. These rich snippets help users recognize when your site is relevant to their search, and may result in more clicks to your pages. Three steps to rich snippets: 1. Google suggests using microdata, but any of the three formats below are acceptable. 2. Google supports rich snippets for these content types: 3. That’s it! Use HTML markup if... Related:  Tips, How-to and Tutorials

GoodRelations Snippet Generator GoodRelations is a powerful yet simple technique for putting rich data snippets about your business into your Web pages. This makes the unique features of your products and services more accessible for the latest generation of search engines (e.g. Google or Yahoo SearchMonkey), novel mobile applications, and browser plug-ins. Plus, it brings positive effects on existing search engines. With this tool, you can create such snippets using the W3C RDFa format for simple copy-and-paste. It will pay out. Step 1: Create rich snippet for your company Step 2: Create rich snippet for your shop or store This step is necessary only if you maintain a shop or store location. If you would like to provide a more granular description of your opening hours, then you should consider customizing the gr:OpeningHoursSpecification code section according to your needs. Step 3: Create rich snippet for an individual product or service a) Set DOCTYPE to XHTML+RDFa 1.0: b) Set html version attribute to XHTML+RDFa1.0: or

Turnaround Tuesday JSON-LD 1.0 5. Basic Concepts This section is non-normative. JSON [RFC4627] is a lightweight, language-independent data interchange format. It is easy to parse and easy to generate. However, it is difficult to integrate JSON from different sources as the data may contain keys that conflict with other data sources. Example 1: Sample JSON document It's obvious to humans that the data is about a person whose name is "Manu Sporny" and that the homepage property contains the URL of that person's homepage. Linked Data, and the Web in general, uses IRIs (Internationalized Resource Identifiers as described in [RFC3987]) for unambiguous identification. Leveraging the popular schema.org vocabulary, the example above could be unambiguously expressed as follows: Example 2: Sample JSON-LD document using full IRIs instead of terms In the example above, every property is unambiguously identified by an IRI and all values representing IRIs are explicitly marked as such by the @id keyword. 5.1 The Context context . 6.

The Open Graph protocol Integrating Google Rich Snippets Into a WordPress Theme We're all familiar with the way Google presents search results – with a page title and a little snippet of text for each result. With Google Rich Snippets we can add useful information to the web search result snippet to make it stand out from other results and ultimately attract more visitors. While there are already plugins that provide this kind of functionality in WordPress, there are situations when relaying on a third party plugin is not advisable. In this tutorial, we are going to integrate the microdata format into WordPress theme markup to display a culinary recipe, and make it compatible with Google Rich Snippets' requirements. Introduction to Google Rich Snippets Let's take a look at an example of a rich snippet: I've highlighted for you the snippets of additional information that Google "reads" from the page. The snippets for each content type look slightly different and provide information relevant to the specific content type. How to Enable Rich Snippets? The Setup That's it!

How we make RWD sites load fast as heck Posted by Scott on 07/30/2014 There has been a lot of discussion about optimizing responsive layouts for performance lately, and I think that’s great. Speed broadens access and makes users happy, much like responsive design. In the past year I’ve spent a lot of time researching page loading performance, both for our ongoing client work here at FG and for my book Responsible Responsive Design. In the process, I’ve reaffirmed my belief that we don’t need to compromise the well-known benefits of a responsive layout in order to make our sites load as fast as heck. In this post, I’ll outline some recent observations and approaches to delivering sites for speed and broader access, and link out to various tools we are using to facilitate our approach. I’ll start with some high-level observations, then later I’ll dive into the more technical how-to. Page weight isn't the only measure; focus on perceived performance Shortening the critical path Going async <head> ... <head> ... <head> ... <head> ...

Make your HTML pages smarter with RDFa 1.1 Lite Overview Historically, technologies on the web have focused on how pages and sites looked and felt. The most important considerations were: a visually attractive design, links and JavaScript applications that worked as intended, and garnering the latest multimedia features. It became increasingly important to have a prominent listing on search engines. Alas, search engines see none of the design or dynamic behavior of a website; they see markup, most of which is in boldface, italics, or set aside as a content block. Web authors began to realize they needed more than the presentational flourishes. The idea behind RDF is very simple, but unfortunately much of how it is defined, discussed, and processed is far too complex. RDFa Lite is a simplified version of RDF annotations (RDFa). Last year, Schema.org founders conducted a workshop for community experts in structured data on the web. Back to top Attributes to clarify your content Listing 1 is an example of plain HTML for an online article.

‘SEO Is Not a Unicorn’: 3 Crucial SEO Tips for Content Marketers The supposed effectiveness of keyword stuffing and manipulative linking are just a few of the myths about SEO roaming around the marketing world. Some people even think social media has made SEO irrelevant! Yet, search still drives nearly three times as much referral traffic as social, and given that 90 percent of all consumer purchasing decisions are made online, every marketers’ goal should still be to top the Google rankings for their relevant keywords. A few weeks ago, to separate fact from fiction in the complex world of SEO, I listened to Communication Week’s webinar “Unicorns, SEO, and Other Myths.” “SEO is not a unicorn. Below, you can read the webinar’s key takeaways about how to optimize your SEO and content so you can go from unicorn to cow. 1. Having unique content is important, but if what you’re publishing is not relevant to what your audience needs, you’re not going to get the results you want. 2. Here’s one example of a post without social media tags: 3. Related

FAQ: Rich Snippets - Google Webmaster Help Q: Why doesn't my site show rich snippets? I added everything and the test tool shows it's ok. A: Google does not guarantee that Rich Snippets will show up for search results from a particular site even if structured data is marked up and can be extracted successfully according to the testing tool. Here are some reasons that marked-up pages might not be shown with Rich Snippets: The marked-up structured data is not representative of the main content of the page or potentially misleading.Marked-up data is incorrect in a way that the testing tool was not able to catch.Marked-up content is hidden from the user.The site has very few pages (or very few pages with marked-up structured data) and may not be picked up by Google's Rich Snippets system.Q: Does using rich snippets affect my site's ranking? A: No. Q: How long does it take for rich snippets to be visible? Q: My site has a very specific design and the information that I would like to display in the rich snippets will ruin it.

How to Test Responsive Designs By Jacob Gube Testing your responsive web designs is crucial because the user experience on mobile devices is quite different from desktops. But actual testing on all the mobile devices in the market isn’t practical for most of us. So a simple responsive design testing technique some of us do is resizing our browser’s window size to kind of match the viewport sizes of smartphones and tablets. Mobile devices have unique touch interactions like swipes and pinch-to-zooms, and likewise desktops have interactions like hovering and right-clicking. This tutorial will discuss an effective and practical method for debugging and testing your responsive designs. Google Chrome’s DevTools has a feature called device mode that’s loaded with helpful tools for testing and debugging responsive designs. Device mode is unprecedented. Here’s a run down of device mode’s main features: To start using device mode, open up your web design in Google Chrome. Responsive Design Testing on a Specific Mobile Device

Related:  microformats