Skip to main content

How to show Star Ratings for Your Site in the Google Search Results


Do you know how to show Google Ratings & Reviews for your site in the Google search Results?

Here is the solution to do with schema code.

Scheme code is used to make it easier for search engines to parse the content on your site.

Simply, schema is additional code that you add to your website to give the google bot crawler a little more information about your pages and it’s a technology that arose from a collaboration between google, yahoo, Microsoft and yandex.

google 5 start rating,schema.org


See this picture I use the google 5 star rating code to my site (ITvibes.com) for rich results on Google search Results. This is called as Schema code using keywords.

     
My site is designed with word press so I have used the above code in header.php under the Meta keywords. After schema.org markup google took some time to crawl to show on google search results.

In my case google took 4 days to show the google reviews.

As per google terminology it’s also called as Reviews Snippet. There are various reviews snippets provided by google for different content types

https://developers.google.com/search/docs/data-types/review-snippet

Notably, the reviews should be genuine and certified by google. Otherwise google will penalized by hummingbird update.

he schema code are in different forms


  •    JSON-LD Format
  •    RDFA Format
  •    MICRODATA Format

Review snippet/Schema code is a short excerpt of a review or a rating from a review website. Google rating system usually an average of the combined rating scores from many reviewers. When Google finds valid reviews or ratings markup, we can show a rich snippet that includes stars and other summary info from reviews or ratings.

Here are content types for Google rating code.

·         Books

·         Local businesses

·         Movies

·         Music

·         Products

·         Recipes

In past schema code generated by third party tools like a micro data generator, aggregate rating schema generator and schema.org. Now you can get those schema codes/ Review snippets from following Link.

https://developers.google.com/search/docs/data-types/review-snippet

Purpose of using this Schema:

By using this schema in your website you will get more clicks compared to normal website. Because people see the website with the positive reviews if your website have negative reviews users won’t come to your website. Reviews and ratings attract the users and people trust the words not images.



Comments

Popular posts from this blog

Laravel form validations

 Laravel Validations: List of types "first_name" => 'required|alpha:ascii|min:3|max:100',// alpha:ascii (only accepts a-z) "middle_name" => 'string', "last_name" => 'required|string', "email" => 'required|email|unique:users,email', "password" => 'required|string|confirmed', "sex" => 'required|string', "phone_no" => 'required|string', "account_type" => 'required|string', "dob" => 'required|date_format:d-m-Y', // date with format "nationality" => 'required|string', "company" => 'required|string', "company_sector" => 'required|string', "company_address" => 'required|string' "bank_account_no" => 'required|min_digits:3|max_digits:5', "role" => 'required|in:admin,editor,viewer', ...

React Js Commands

React JS Commands and Useful purposes  To Install react app: npx create-react-app app-name To Install react app: npx create-react-app . To check npm version: npm --version Inside that directory, you can run several commands:   npm start     Starts the development server.   npm run build     Bundles the app into static files for production.   npm test     Starts the test runner.   npm run eject     Removes this tool and copies build dependencies, configuration files     and scripts into the app directory. If you do this, you can’t go back! node -v (To check node version) The latest recommended command to create a new React app is: npx create-react-app@latest my-app Replace my-app with your desired project name. This approach uses the latest version of Create React App and works if Node.js (version 14+) and npm (version 5.2+) are installed Modern Alternatives If you prefer a faster, lighter setup, many developers n...

AngularJS - Directives

First, we have to learn AngularJs directives, Directives are simple special attributes in HTML. It has own set of built-in directives which offers functionality to your applications. To check all directive list https://docs.angularjs.org/api/ng/directive  For example, I take ng-app , ng-model ,  ng-init and ng-bind .  First will talk about the ng-app directive, the ng-app directive is initializing the AngularJS application. To take the values of all HTML inputs ( input, radio, select and textarea ) we use the ng-model.     ng-bind is print the expression. we can also be written inside double braces: {{ expression }} . AngularJS - Directives Example 1  Note: All these directives are work in inside the ng-app closed tag. you can assign ng-app directive to any tag. like <HTML>, <DIV>, <SPAN> but make sure initialize the main parent tag.     Now, We can check data initializes before page load. For this, ...