Magento 2 Rich Snippets & Cards (schema.org)

Rating:
100% of 100
$0.00
Magento Edition and Services
$0.00

About RICH SNIPPETS & CARDS

Boost online store SEO and attract more customers by adding Rich Snippets & Google Cards, Facebook OG, Twitter Cards and Pinterest Rich Pins

Rich Snippets & Google Cards

Rich Snippets are basically Structured Data which give a short summary of the product. Are designed to summarize the content of a web page in a way that makes it easier to search engines and social networking sites to understand what the page is about and be able to easily access that data.


Rich Snippets can attract targeted users to the website pages as they enhance the search result when potential customers search for services and product categories. Rich snippets enable users’ Internet browsers to recognise very quickly what specific website they are looking for.


Rich cards use scema.org structured markup to display your content, like rich snippets, but in a more attracting and visual way on mobile devices. Information is structured based on the schema agreement, this way Google knows what information to read and from where.


Google will discover snippets the next time it crawls your site (although it may take some time for rich snippets to appear in search results). When Google algorithms discover technically correct markup on a page, they use a variety of signals to determine when to show rich snippets and cards.

Twitter Cards

The Product Card is a great way to represent product and retail items on Twitter. This Card type is designed to showcase your products via an image, a description, and allow you to highlight two other key details about your product.


With Twitter Cards, you can attach rich photos, videos and media experience to Tweets that drive traffic to your website. By using this extension, users who Tweet links to your content will have a “Card” added to the Tweet that’s visible to all of their followers.

Facebook Open Graph

The Facebook Open Graph protocol enables products sold on your store to become a rich object in a social graph. For instance, this is used on Facebook to allow your store product pages to be highlighted in Facebook feeds.


Pinterest Rich Pins

Rich Pins are Pins that include extra information right on the Pin itself. Rich Pins show metadata right on the Pin itself, giving Pinners a richer experience and increasing engagement. Information in a Rich Pin is independent of the Pin description, ensuring that important information is always tied to the Pin. There are 6 types of Rich Pins: app, article, movie, place, product and recipe Pins.


Rich Pins work by displaying metadata from marked up pages on your website. Once you've applied for Rich Pins, any content on your site with metadata will turn into a Rich Pin when a user saves it.

How to Install the Extension:

  • Step 1:
    Before installing Google Rich Snippets, Twitter Cards, Facebook Open Graph & Pinterest Rich Pins Extension on a Magento2 store please check the extension compatibility. This extension is currently compatible with the following Magento versions 2.0.X. - 2.1.6. It is recommended to install the extension first on a testing server before you install it on a live (production) server.
  • Step 2:
    Copy the extension files to below paths of your magento 2 instance. If ‘app/code/WeltPixel’ folder is missing, please create it manually:
    app/code/WeltPixel/Backend
    app/code/WeltPixel/GoogleCards
  • Step 3:
    Access the root of your magento 2 project from command line and run the following commands:
    php bin/magento module:enable WeltPixel_Backend --clear-static-content
    php bin/magento module:enable WeltPixel_GoogleCards --clear-static-content
    php bin/magento setup:upgrade
  • Step 4:
    Flush any cache that you might still have enabled on your server or in Magento.
  • Step 5:
    Woohoo, the extension is installed!

Configuration:

Google Cards
  • Go to Admin -> WeltPixel -> Google Cards & Rich Snippets -> Google Cards General Settings and set your Google Cards:
    • Enable [ Yes / No ] Activate or deactivate the Google Cards feature
    • Description Choose between short description and long description
    • Brand Select attribute you want to feature on your product cards
weltpixel
weltpixel
Google Rich Snippets
  • Go to Admin -> WeltPixel -> Google Cards & Rich Snippets -> Rich Snippets General Settings and set your Google Rich Snippets:
    • Enable [ Yes / No ] Activate or deactivate the Google Rich Snippets feature
    • Description Choose between short description and long description
    • Wrap with div Set Yes and the code will be wrapped in a div in order to prevent conflicts with other SEO extensions
Twitter Cards Settings
  • Go to Admin -> WeltPixel -> Twitter Cards, Facebook Open Graph & Pinterest Rich Pins -> Twitter Cards Settings and set the Twitter Cards:
    • Enable [ Yes / No ] Activate or deactivate the Twitter Cards feature
    • Description Choose between short description and long description
    • Twitter Site Type your store Twitter username. For example @site_username
    • Twitter Creator Type Twitter username of the administrator of Magento store or owner of the store. You can use the site username or leave empty.
weltpixel
weltpixel
Facebook Open Graph Settings
  • Go to Admin -> WeltPixel -> Twitter Cards, Facebook Open Graph & Pinterest Rich Pins -> Facebook Open Graph Settings and set the Facebook Open Graph:
    • Enable [ Yes / No ] Activate or deactivate the Facebook Open Graph feature
    • Description Choose between short description and long description
    • Site name Insert Website’s name
Pinterest Rich Pins Settings
  • Go to Admin -> WeltPixel -> Twitter Cards, Facebook Open Graph & Pinterest Rich Pins -> Pinterest Rich Pins Settings and set the Pinterest Rich Pins:
    • Enable [ Yes / No ] Activate or deactivate the Pinterest Rich Pins feature
weltpixel
weltpixel

How it works

Google Cards & Rich Snippets
  • You can test the Google Cards & Rich Cards functionality by using this testing tool from Google, just place a link from one of your products and you will see data is structured as Google expects: Google Structured Data Testing Tool
    Note: Do not forget to login to Google account for the Google Structured Data Testing Tool to work

    Based on Google policy this data will be shown in the search results. Stores using this data structure will be highly advantaged by search engines, like Google, Yahoo, Bing and other search engines.

Twitter Cards
  • You can test the Twitter Cards functionality by using this testing tool from Twitter, just place a link from one of your products and you will see data is structured as Twitter expects: Twitter Cards Tool
    Note: Do not forget to login to Twitter account for the Twitter Cards Tool to work
weltpixel
weltpixel
Facebook Open Graph
  • You can test the Facebook Open Graph functionality by using this testing tool from Facebook, just place a link from one of your products and you will see data is structured as Facebook expects: Facebook Developpers Tool
    Note: Do not forget to login to Facebook Open Graph for the Facebook Developpers Tool to work

    Based on Google policy this data will be shown in the search results. Stores using this data structure will be highly advantaged by search engines, like Google, Yahoo, Bing and other search engines.

Pinterest Rich Pins
  • You can test the Pinterest functionality by using this testing tool from Pinterest, just place a link from one of your products and you will see data is structured as Pinterest expects: Pinterest Rich Pins Tool
    Note: Do not forget to login to Pinterest for the Pinterest Rich Pins Tool to work
weltpixel
weltpixel
  • After you click debug button, then you will get the analysis.

Change Log.

What’s new in version 1.1.2 - May 16, 2017

  • Added translations files under /i18n/en_US.csv.

What’s new in version.1.1.1 - March 20, 2017

  • Added New Twitter cards admin options: Summary Card, Summary Card with Large Image.

What’s new in version.1.1.0 - 22/11/2016

  • Composer.json dependency updated to backend 1.0.3 instead of master
  • Description and name slash error fix

What’s new in version.1.0.5 - 03/10/2016

  • Update composer.json dependency to backend 1.0.3 instead of master

What’s new in version.1.0.4 - 13/09/2016

  • Fixed compilation dependency issue

What’s new in version.1.0.3 - 02/07/2016

  • Added admin notifications

What’s new in version.1.0.2 - 08/06/2016

  • New feature: Rich Snippets
  • New feature: Facebook Open Graph
  • New feature: Twitter Cards
  • New feature: Pinterest Rich Pins

What’s new in version.1.0.1 - 05/06/2016

  • Removing the unnecessary dependency
  • Exception namespace error fixed
weltpixel
Write Your Own Review
You're reviewing:Magento 2 Rich Snippets & Cards (schema.org)
Your Rating