Hindi4Tech के पिछले लेख में मैंने बताया था की कैसे गूगल सर्च में Google + प्रोफाइल और image दिखाए, और कैसे गूगल सर्च में सम्बंधित पोस्ट की Lable या श्रेणी दर्शाए इसी कड़ी में आज के इस लेख में बताया है की कैसे गूगल सर्च में सम्बंधित पोस्ट की छवि के साथ ही पोस्ट रेटिंग image दिखाई जाये ... अपनी ब्लॉग टेम्पलेट में कुछ मामूली से फेर बदल और नीचे बताये कुछ आसान Step से कुछ ही मिनटों में यह सुविधा आपके ब्लॉग पर होगी इसे अपने ब्लॉग पर सक्रिय करने से पहले देखे की गूगल सर्च में आपका ब्लॉग लिंक किस तरह दिखाई देगा ....
Search Engine Screenshot
Blog Screenshot
विजेट ब्लॉग पर ले जाये
Step 1 :-
- अपने ब्लॉगर खाते में प्रवेश करे
- अब Template पर जाये
- अब Edit HTML पर जाये
- अब Backup/Restore पर क्लिक कर टेम्पलेट सेव करे
- अब अपनी ब्लॉग टेम्पलेट में ]]></b:skin> कोड तलाशे
- इस कोड के ठीक पहले नीचे बाते गया कोड डाले
.hrecipe{font:1px oswald;}
Step 2 :-
- अब अपनी ब्लॉग टेम्पलेट में <body> कोड तलाशे
- इस कोड के ठीक पहले नीचे बाते गया कोड डाले
<div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'>
Step 3 :-
- अब अपनी ब्लॉग टेम्पलेट में <h3 class='post-title entry-title'> कोड तलाशे
- इस पुरे कोड को नीचे बताये नए कोड से बदले
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
<h3 class='post-title entry-title' itemprop='name'>
Step 4 :-
- अब इस पुरे कोड को </span></span> टैग से बंद करे
- देखे की ये कोड आपके ब्लॉग टेम्पलेट में कुछ इस तरह दिखाई देगा :
<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>
<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 :-
अब नीचे बताये पुरे कोड को या तो अपनी ब्लॉग टेम्पलेट में <data:post.body/> के ठीक नीचे या post footer भाग में कही भी यथावत डाल दे<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>
<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:-
- अब अपनी ब्लॉग टेम्पलेट में </body> कोड तलाशे
- इस कोड के ठीक बाद में नीचे बाते गया कोड डाले
</div></div>
अब अपनी ब्लॉग टेम्पलेट सेव करे .. ध्यान दे की ऊपर बताई प्रक्रिया पूरी करने के ८-१ ० दिन के भीतर जब भी Google Fetch द्वारा आपके ब्लॉग को Reboot किया जायेगा .. गूगल सर्च में बताये अनुसार Preview दिखाई देने लगेगा ..निवेदन करूँगा की कम से कम 8 से १0 दिन का इंतजार अवश्य करे ....
प्रक्रिया पूरी करने के बाद नीचे बताई लिंक पर जाकर देखे की आपका ब्लॉग गूगल सर्च में कैसा दिखाई देगा
http://www.google.com/webmasters/tools/richsnippets
आशा करता हूँ लेख आपके लिए उपयोगी होगा :-) किसी तरह की परेशानी के चलते Comment के माध्यम से संपर्क करे ...
