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

गूगल सर्च में पोस्ट Thumb और रेटिंग इमेज कैसे दिखाए ..

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

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='https://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'>

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>

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>

Step 6:-

  • अब अपनी ब्लॉग टेम्पलेट में </body> कोड तलाशे
  • इस कोड के ठीक बाद में नीचे बाते गया कोड डाले
</div></div>

अब अपनी ब्लॉग टेम्पलेट सेव करे .. ध्यान दे की ऊपर बताई प्रक्रिया पूरी करने के ८-१ ० दिन के भीतर जब भी Google Fetch द्वारा आपके ब्लॉग को Reboot किया जायेगा .. गूगल सर्च में बताये अनुसार Preview दिखाई देने लगेगा ..निवेदन करूँगा की कम से कम 8 से १0 दिन का इंतजार अवश्य करे ....


प्रक्रिया पूरी करने के बाद नीचे बताई लिंक पर जाकर देखे की आपका ब्लॉग गूगल सर्च में कैसा दिखाई देगा
https://www.google.com/webmasters/tools/richsnippets

आशा करता हूँ लेख आपके लिए उपयोगी होगा :-) किसी तरह की परेशानी के चलते Comment के माध्यम से संपर्क करे ...
Continue Reading


Blog Owner Box Widget For Blogger Blog

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

ब्लॉग पर लिखी गयी प्रत्येक पोस्ट के नीचे author Bio box , या ब्लॉग स्वामी संपर्क फॉर्म बक्सा रखे ... विजेट की खासियत के बारे में सिर्फ इतना कहूँगा की hindi4tech के अन्य विजेट की तरह ही यह भी ब्लॉग हेतु एक आवश्यक .... देखने में सुन्दर , और उपयोग में आसन में विजेट है ... विजेट को ब्लॉग पर रखने से पहले इसका लाइव डेमो नीचे देख सकते है... ... इसे अपने ब्लॉग पर ले जाने के लिए नीचे प्रक्रिया अपनाये .......

Screenshot




विजेट को ब्लॉग पर कैसे ले जाए
  • सभी विकल्प भरे
  • विजेट सेटिंग अपने अनुसार बदले
  • अब genrate बटन पर क्लिक करे
  • विजेट का Live Preview देखने के लिए Preview बटन पर क्लिक करे



विजेट को ब्लॉग पर ले जाने के लिए नीचे दो आसन चरणों में बताई प्रक्रिया पूर्ण करे ... कुछ ही पल में विजेट आपके ब्लॉग पर होगा ....

Step 1 :-

  • सबसे पहले ब्लॉगर खाते में प्रवेश करे , यहाँ जाये Blogger--->Design--->Edit HTML
  • अब ऊपर expand widget template cheakbox पर क्लिक करे
  • अब keyboard की ctrl+F कुंजी दबाये व यहाँ ]]></b:skin> कोड तलाशे
  • अब कोड के ठीक पहले ऊपर विजेट कोड में बताया CSS कोड रख दे , व परिवर्तन सेव करे


Step 2 :-

  • अब keyboard की ctrl+F कुंजी दबाये व यहाँ <div class='post-footer-line post-footer-line-1'> कोड तलाशे
  • अब ऊपर विजेट कोड में बताये HTML कोड को <div class='post-footer-line post-footer-line-1'> के ठीक बाद में रख दे , व परिवर्तन सेव करे
Continue Reading


गूगल सर्च में Google + प्रोफाइल और image दिखाए

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

गूगल वेबमास्टर टीम ने हाल ही में अपनी इस सुविधा के बारे में बताया. Google Search Engine में जब कभी भी आपके ब्लॉग पोस्ट सर्च प्रष्टो में आती है तो उसी के साथ blog author का पिक्चर और गूगल प्रोफाइल लिंक भी होगा.
इस सुविधा को अपने ब्लॉग पर आसानी से किया जा सकता है. बस इसकें लिए आपके पास नीचे बताई तीन चीजे हो .




  • एक वेबसाइट या ब्लॉग
  • एक google plus account
  • अपनी वेबसाइट या ब्लॉग पर About Me Page .

अगर आपके पास ये तीनो चीजे उपलब्ध है तो कुछ ही मिनटों में ये सुविधा आपके ब्लॉग पर सक्रिय होगी.
  • इसे अपने ब्लॉग पर सक्रीय करने से पहले देखे की गूगल सर्च में आपका ब्लॉग और Image कैसी दिखेगी


Step 1 :-

अपने ब्लॉग के header footer या sidebar में नीचे दिया गया कोड
डाले .

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



ध्यान दे की इस कोड में rel="author" को बिना किसी एडिटिंग के यथावत रहने दे .इस कोड में Join me on Google+ को अगर आप चाहे तो बदल सकते है. तथा इसमें GOOGLE+ id के स्थान पर आपका google + id डालना न भूले जो नीचे बताये अनुसार होगा.




Step 2 :-

अब अपनी वेबसाइट या ब्लॉग के About में पेज में जाए और और नीचे दिया गया कोड कही भी यथावत पेस्ट करे .

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




ध्यान दे इस कोड में भी rel="me" कोड को कोई एडिटिंग न करे

Step 3 :-

अब अपनी google + प्रोफाइल में जाए यहाँ edit profile लिंक पर क्लिक करे .

अब यहाँ links भाग पर क्लिक करे जो नीचे बताये अनुसार होगा.

यहाँ पर अपनी वेबसाइट या ब्लॉग का Url और About में पेज का url जोड़े , यहाँ पर आप चाहे तो अपना facebook, twitter url लिंक भी जोड़ सकते है परिवर्तन सेव करे

Step 4 :-

अब इस लिंक पर जाए https://profiles.google.com/me/plusones

यहाँ edit profile लिंक पर क्लिक करे .

यहाँ पर Show this tab on my profile checkbox. पर क्लिक करे.


अब प्रोफाइल सेव करे .

ध्यान दे ऊपर बताई पक्रिया ब्लॉग पर सक्रीय करने के ४८ घंटे के भीतर Search Engine में आपके ब्लॉग के साथ आपका Google + प्रोफाइल भी दिखाई देने लगेगा.

यह देखने के लिए की आपका प्रोफाइल आपके ब्लॉग के साथ कैसा दिखाई देगा. नीचे लिंक पर क्लिक करे और अपने ब्लॉग का url डाले .




अगर आपने सभी प्रक्रिया पूरी की है, preview कुछ इस तरह का दिखाई देगा ..



बडे रूप में देखने के लिए फोटो पर क्लिक करे ..???
Continue Reading


Add Comment Pagination Link Script In Blogger Thread Comment

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

Fix Comment Pagination Links In Bloggerब्लॉगर की नयी सुविधा Threaded comments के शुरू होते ही एक नयी समस्या ब्लॉग पर आने लगी , वो यह की जैसे ही कोई पोस्ट २०० कमेन्ट का आंकड़ा पार करती है , तो उस पोस्ट पेज पर केवल नए २०० कमेन्ट दिखाई देते है शेष सभी कमेन्ट invisible हो जाते है. Threaded comments की इसी परेशानी से निपटने के लिए नीचे Comment paginate script बताई गयी है। इस script की खासियत यह की इसे Blog पर रखने के साथ है अपनी सुविधा अनुसार Comment को paginate या क्रमशः प्रष्ट वर संयोजित कर सकते है । इसे अपने Blog पर लगाने से पहले इसका screenshot देखे :-


comment-paginate-script-for-blogger


विजेट को ब्लॉग पर कैसे ले जाए
  • सबसे पहले ब्लॉगर खाते में प्रवेश करे , यहाँ जाये Blogger--->Design--->Edit HTML
  • अब ऊपर expand widget template cheakbox पर क्लिक करे
  • अब keyboard की ctrl+F कुंजी दबाये व यहाँ <body> कोड तलाशे
  • अब इस कोड के ठीक बाद में नीचे दिया गया पूरा कोड यथावत डाल दे

<script type='text/javascript'>
//<![CDATA[
function commentpagination(url,comment){
var posturl= url;
var comment = comment;
cmpage = Math.ceil(comment/200);
document.write('<a rel="nofollow" href="'+posturl+'?commentPage=1">Oldest</a>');
for (var i = 1; i <= cmpage; i++) {
document.write('<a rel="nofollow" href="'+posturl+'?commentPage='+i+'">'+i+'</a>');
}
document.write('<a rel="nofollow" href="'+posturl+'?commentPage='+cmpage+'">Latest</a>');
}
//]]>
</script>



पीले रंग में बताये गए टेक्स्ट को आप अपनी सुविधा अनुसार बदल सकते है ।

ध्यान दे :- ऊपर बताई गयी स्क्रिप्ट में comment/200 प्रथम प्रष्ट पर २०० कमेन्ट दर्शाती है इसे आप अपनी सुविधा अनुसार कम कर सकते है ।

अब keyboard की ctrl+F कुंजी दबाये व अपनी ब्लॉग टेम्प्लेट में नीचे बताया कोड तलाशे

<h4><b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>


अब इस कोड के ठीक पहले नीचे दिया गया कोड यथावत डाले :

<span id='commentpaging'>
<font style='color:#289728; font-size:12px; font-weight:bold; padding-right:4px; '> Comment Page :</font>

<script type='text/javascript'>commentpagination(&quot;<data:post.url/>&quot;,&quot;<data:post.numComments/>&quot;);</script>
</span>


अब अपनी ब्लॉग टेम्प्लेट में ]]></b:skin>कोड तलाशे व ठीक इसके बाद नीचे बताया गया पूरा कोड यथावत डाले

/* -------------- Comment Pagination Stylesheet By Hindi4tech --------*/

#commentpaging { background:#F7F9FA; margin:0px padding:20px auto; width:580px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:right;}
#commentpaging a { margin-right:5px;}




अब टेम्पलेट सेव करे :))
Continue Reading