 |
| Blogger Me Google AMP Set Karne Ki Poori Guide. |
Padhe Google Hamesha Chahta Hai Ki Users Ko Kabhi Bhi Problem Me Na Aaay Kisi Bhi Content Ko Padhne Me Chahe Vo Slow Network Wala Ho Ya High
Network Wala Aur Isi Ko Dhyaan Me Rakhte Hue Usne AMP (Accelerated Mobile Pages) Banaya Hai But Ye WordPress Ke Liye Available Hai
Blogger Me Abhi Ye nahi Hai So Ham Setup Karke Blogger Platform Me Bhi AMP Ka Use Kar Sakte Hai.
Me Bhi Page Ko Araam Se Khol Sakte Hai Iska Full Form Hota Accelerated Mobile Pages Aur Is Project Ko Google Ne Banaya Hai Ye Jis Page Me AMP
Laga Hoga Vo Page 75+ Optimized Ho Jisse Apka Blog Aur Bhi Fast Loading Ho Jaayga.
*Schema Markup Structure Data Ko Blogger Me Kaise Add Kare
Chahe To AMP Ka Setup Kar Sakte Bade Hi Easy Tareeke Se So Start Karte Hai Aur Jante Hai Ki Kaise Blogger Or Blogspot Me AMP Set Kare.
and Replace Kare Iss Code Ke Sath.
So Is Code Ko Find Kare <meta charset=”utf-8″>
aur Isske Neeche Box Wale Code ko Paste Kar De
Kuchh Blogger Themes Me Box Wala Code Pahle Se Hi Rahta Hai To Ye Jaroor Check Kar Le Agar Pahle Se Hai To Dobara Add Karne Ki Jaroorat Nahi Hai.
Canonical Tag Na Ho Tab Viewport
Tag Ke Baad Is Code ko Copy Karke Paste Kar De.
Now Done Apne Apne Blog Ko AMP Ke According Bana Liya Matlab Ab Apke Blog Ko Bhi AMP Support Karega.
*Blogger Ke Liye 5 Badhiya Themes
Ab Ye Google Ki Official Website Hai Jaha Se Ap Check Kar Sakte Ho Ki AMP Setup Sahi Se Hua Hai Ya Nahi Koi Error To Nahi Ya Fir Validate Karna Chahte Hai To Aap Google AMP Validator Se Check Kariye.
Network Wala Aur Isi Ko Dhyaan Me Rakhte Hue Usne AMP (Accelerated Mobile Pages) Banaya Hai But Ye WordPress Ke Liye Available Hai
Blogger Me Abhi Ye nahi Hai So Ham Setup Karke Blogger Platform Me Bhi AMP Ka Use Kar Sakte Hai.
What Is AMP?
AMP Ek Aisa Project Hai Jo Slow Networks User Ko Content Padhne Me Help Karta Hai Matlab Slow NetworkMe Bhi Page Ko Araam Se Khol Sakte Hai Iska Full Form Hota Accelerated Mobile Pages Aur Is Project Ko Google Ne Banaya Hai Ye Jis Page Me AMP
Laga Hoga Vo Page 75+ Optimized Ho Jisse Apka Blog Aur Bhi Fast Loading Ho Jaayga.
*Schema Markup Structure Data Ko Blogger Me Kaise Add Kare
1. AMP Ko Blogger/ Blogspot Me Kaise Set Kare.
Filhaal Mili Information Ke Anusaar Abhi Blogger Platform Par Ye Available Nahi Hai But Agar HamChahe To AMP Ka Setup Kar Sakte Bade Hi Easy Tareeke Se So Start Karte Hai Aur Jante Hai Ki Kaise Blogger Or Blogspot Me AMP Set Kare.
Step 1. Backup Your Theme-: Pahla Step To Yahi Hai Ki Aap Apne Theme Ka Backup Lele Uske Baad Blogger Dashboard Me Jakar Theme Ko Edit Kar Le.
Step 2. Setup AMP HTML-: Agar Hame Apne Blog Ko Accelerated Mobile Page Setup Karna Hai To Pahle Hame Jo Blogger Ka HTML Hota Hai Use Change Karna Hoga AMP HTML Se.
Find <html>and Replace Kare Iss Code Ke Sath.
<html amp=’amp’>Ab Apke Theme Me Jo HTML Hai Vo AMP Ho Chuka Hai.
Step 3. Add Charset and Viewport Meta Tags-: Ab Yaha Hame Charset Add Karna Hoga Aur Sath Me Meta Tags Taki Jab AMP CDN Add Kare To Vo Code Work Kare.
aur Isske Neeche Box Wale Code ko Paste Kar De
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
Kuchh Blogger Themes Me Box Wala Code Pahle Se Hi Rahta Hai To Ye Jaroor Check Kar Le Agar Pahle Se Hai To Dobara Add Karne Ki Jaroorat Nahi Hai.
Step 4. Add Canonical Tags-: Agar Apne Blog Ko Discoverable Banana Hai To Canonical Tag Bahut Hi Jaroori Hai Apke Agar Theme Me
Canonical Tag Na Ho Tab Viewport
Tag Ke Baad Is Code ko Copy Karke Paste Kar De.
<link expr:href=’data:blog.url’ rel=’canonical’/>
Step 5. Setup AMP CDN-: Ab Is Step Me Apko AMP CDN Apne Theme Me Add Karna Hoga Yahi Script Main Hai Jo Page Ko AMP Ke According Optimized Karti Hai.
Box Wale Code Ho </head> Ke Pahle Paste Kar De.<style amp-boilerplate=’amp-boilerplate’>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate=’amp-boilerplate’>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async=’async’ src=’https://cdn.ampproject.org/v0.js’></script>
Step 6. Setup AMP In Images-: Ab Apke Blog Me Jitne Bhi Images Ho Unke Tags Me Ye Code Paste Kar De.
<amp-img src=”hitlogstar.jpg” alt=”amp-img” height=”500″ width=”500″></amp-img>
Now Done Apne Apne Blog Ko AMP Ke According Bana Liya Matlab Ab Apke Blog Ko Bhi AMP Support Karega.
*Blogger Ke Liye 5 Badhiya Themes
Ab Ye Google Ki Official Website Hai Jaha Se Ap Check Kar Sakte Ho Ki AMP Setup Sahi Se Hua Hai Ya Nahi Koi Error To Nahi Ya Fir Validate Karna Chahte Hai To Aap Google AMP Validator Se Check Kariye.
Good post tumne konsa theme setup kiye ho bro
ReplyDeleteMai...Hitlogstar Responsive Use Karta Hu... Simplify- 2 Ka Update Version Jo Ki Maine Update Kiya Hai...
DeleteBro Kya aap geomanist font Blogspot me kaise add kare par ek post likh sakte h
ReplyDeleteGeominist Font Google Me Nhi hai
Delete