webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp
Showing posts with label seo. Show all posts
Showing posts with label seo. Show all posts

How To Show Post Thumb & Rating Image In Google Search

Posted :| Posted By: Piush Trivedi | Labels: , 12 Comments

SEO techniques varied ways and forms of implementation, from spreading its URL on dofollow blogs, Perfecting keywords, advanced surgery with google webmaster through fraudulent means to defraud google robot with the black hat. several ways are indeed powerful in inviting visitors to our blog, but you know what? search engine users are more interested in the findings contained in the image search results, this is proven by the Educational Blog visitors are currently 500 people per day commencing after Vocabulary Recipe script installed about 4 months ago. Recipe is a function of the image appear on the article so that the search engines give 80% chance to the visitor to click on our blog because of an interest. Before the advent of trick How to Display Picture Posting on Google's search, the bloggers including me to use google plus profile picture in the search results, but the method is not very effective because the post title does not fit the image in the search results. ....



Search Engine Screenshot



Blog Screenshot

How To Use

Step 1 :-

  • First log in to Blogger
  • Go To Dashbord > Design > Edit HTML
  • Now Click On Backup/Restore Link
  • Now Find This Code  ]]></b:skin>
  • And just Before it, add this line:
.hrecipe{font:1px oswald;}

Step 2 :-

  • Now Find This Code <body> In Your Blog Template
  • And just Before it, add this Code:
<div><div itemscope='' itemtype='https://data-vocabulary.org/Recipe'>

Step 3 :-

  • Now Find This Code <h3 class='post-title entry-title'>
  • & Replace This Code To New Code
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>

Step 4 :-

  • then close it with </span></span> 
  • roughly like this:
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a><b:else/>
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a>
<b:else/><data:post.title/>
</b:if>
</b:if>
</h3>
</span></span>

Step 5 :-

Copy the code below and place it right under the code <data:post.body/>
<div class='hrecipe'>
<span class='item'>
<span class='fn'>Blog Title</span>
</span>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
By <span class='author'><b><data:blog.title/></b></span>
Published: <span class='published'><data:post.timestampISO8601/></span>
<span class='summary'><data:post.title/></span>
<span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>3</span>
<span class='count'>11</span> reviews
</span>
</span>
</div>

Step 6:-

  • Copy the code below and place it right above the code </body>
</div></div>

Now Save The Template....


Take A ScreenShot...
https://www.google.com/webmasters/tools/richsnippets

Continue Reading


Show Author Profile Picture Next To Google Search Results

Posted :| Posted By: Piush Trivedi | Labels: , 1 Comments

Google webmaster team has introduced an easy way of displaying your Google+ profile picture next to the links of your website or blog or any content that you generate. You might have seen profile pictures or image thumbnails of Google developers appearing on search results page. Previously only reserved users had this option but now thanks to the generosity of Google+ social network, even you can display your profile picture next to all your articles or webpages that you own. This will be a proof that you are the sole author and owner of that site or blog. The author information will be shared globally on Google results and your visitors can see your image and author information link next to your article. This is a great way to attract visitors and increase website traffic. Lets learn how to do it!
  • A website or blog that you own
  • A Google Plus Account
  • An About Me page on your blog. If you already have an about page where information about author is given then you need not worry. However if you don’t have an about page then you must create one now.

If you have met the above three conditions then you may follow these steps:

Step 1:-

On your website sidebar or header or footer add this link,

<a href="https://plus.google.com/GOOGLE+ ID"
  rel="author" target="_blank"> Join me on Google+</a>


Do not remove rel="author" else the trick wont work!


Step 2:-

Next go to your About Me page and add this link anywhere you want,

<a href="https://plus.google.com/GOOGLE+ ID"
  rel="me" target="_blank"> My Google Profile</a>



Again replace the Google+ ID with your Profile ID. You can edit the text My Google Profile if you wish.

Step 3:-

Now go to your G+ profile and click the “Edit Profile” button

Then click on the "LINKS" area as shown below,

Add your Blog/site homepage URL and also the URL of your About page. You can also add your Facebook and twitter links if you wish.

Step 4:-



Finally Save your profile and you are almost done:)

Test How your profile photo will appear on SERPs



If you have followed all steps correctly then you will be able to clearly see your photo and name appearing next to your blog title and description. You will also see this green message: "Verified: Authorship markup is correct for this page"

Continue Reading