சமையல் பதிவுகளை தனித்துக் காட்டலாம்

கூகுள் தேடலின் அடுத்த பரிமாணமான Rich Snippets பற்றி ஏற்கனவே பார்த்தோம். அதில் ஒரு பகுதியாக நமது புகைப்படத்தை கூகுளில் தெரிய வைப்பது பற்றியும் பார்த்தோம். தற்போது சமையல் குறிப்புகளைப் பற்றிய நம்முடைய பதிவுகளை Rich Snippets முறையில் கூகுளில் தனித்து தெரிய வைப்பது எப்படி? என்று பார்ப்போம்.

சமையல் பதிவுகளை தனித்துக் காட்டுவதற்கு பதிவில் சமையல் பற்றிய சில விவரங்கள் (நிரல்களுடன்) கண்டிப்பாக இருக்க வேண்டும்.

1. சமையலின் பெயர் (Recipe Name)

2. சமையலின் புகைப்படம் (Photo)

3. தயார்  செய்வதற்கான நேரம் (அ) சமைப்பதற்கான நேரம் (அ) மொத்தம் ஆகும் நேரம் (அ) தேவையான பொருட்கள் [இவற்றில் ஏதாவது ஒன்று. ஆனால் தேவையான பொருட்களுக்கு பதிலாக நேரத்தை தேர்வு செய்யவும்.]

4. கலோரிகள் (Calories) – இது பற்றி நம்மில் பலருக்கு தெரியாததால் தவிர்த்துவிடலாம்.

5. விமர்சனம் (Review) – சமையலைப் பற்றிய வாசகர்களின் விமர்சனம். இது Ratings அடிப்படையில் கணக்கிடப்படும். [ப்ளாக்கரில் கணக்கிடும் வசதி இல்லையென்பதால் “நமக்கு நாமே” திட்டப்படி நாமாகவே மதிப்பு (Rating) கொடுக்கலாம்.]

இவை ஐந்தில் முதலாவது கண்டிப்பாக இருத்தல் வேண்டும். மற்ற நான்கில் ஏதாவது இரண்டு இருந்தால் போதுமானது.

பலவிதமான நிரல்கள் இருந்தாலும், தேவையான நிரல்களை மட்டும் சேர்த்து எளிதாக செய்வது பற்றி மட்டும் பார்ப்போம்.

1. நீங்கள் எப்போதும் போல சமையல் பதிவை Compose Mode-ல் எழுதுங்கள்.

2. எழுதி முடித்தப் பின் HTML என்பதை கிளிக் செய்யுங்கள்.

3. முதல் வரியில் <div itemscope=”” itemtype=”http://schema.org/Recipe”> என்பதையும், கடைசி வரியில் </div> என்பதையும் சேருங்கள்.

4.  புகைப்படத்தின் நிரல் <img src=”….. என்று தொடங்கும். அதில் img என்பதற்கு அருகே இடைவெளி விட்டு  itemprop=”image” என்பதை சேருங்கள். [சமையல் முடித்தப்பின் உள்ள படத்தில் மட்டும் கொடுக்கவும்.]

5. பதிவில் உள்ள சமையலின் பெயருக்கு முன்னால் <span itemprop=”name”> என்பதையும், அதற்கு பின்னால் என்பதையும் சேருங்கள். </span>


6. பதிவின் இடையில் சமையலுக்கு தயாராவதற்கான நேரத்தையும், சமையல் நேரத்தையும் பின்வருமாறு கொடுங்கள்.


<meta itemprop=“prepTime“ content=“PT20M“> <meta itemprop=“cookTime“ content=“PT1H“>

மேலுள்ள நிரலில் PT20M என்பதும், PT1H என்பதும் நேரத்தை குறிப்பதற்கான நிரலாகும்.  இதில் M என்பது நிமிடங்களையும், H என்பது மணி நேரத்தையும் குறிக்கும். [இது பதிவில் தெரியாது.]

7.  பிறகு ஸ்டெப் மூன்றில் சேர்த்த </div> என்பதற்கு முன்னால் பின்வருமாறு Review Rating சேருங்கள்.

 <div itemprop=”aggregateRating”itemscope itemtype=”http://schema.org/AggregateRating”> <span itemprop=”reviewCount”>11</span> வாசகர்கள் <span itemprop=”ratingValue”>4.5</span>/5 மதிப்பு கொடுத்துள்ளார்கள்.</div>

இதில்  11 என்பதில் உங்களுக்கு விருப்பமானதையும், 4.5 என்பதில் ஒன்று முதல் ஐந்திற்குள் உங்களுக்கு பிடித்த எண்ணைக் கொடுங்கள்.

அவ்வளவு  தான்! சேர்க்க வேண்டிய நிரல்கள் முடிந்தது. 

<div itemscope=”” itemtype=”http://schema.org/Recipe”>

<img itemprop=”image” src=”http://3.bp.blogspot.com/-Gl3ke1Urxlk/T03T5qm1xQI/AAAAAAAACjA/Y8nZjT8dnGs/s320/chicken%2Bbiryani.JPG” />

<span itemprop=”description”>பிரியாணி என்பது அரிசியால் செய்யப்படும் உணவாகும். பிரியாணி வகைகளில் கோழி பிரியாணி, இறைச்சி பிரியாணி, முட்டை பிரியாணி, காய்கறி பிரியாணி என்று பலவகைகள் உண்டு</span>

உணவு:<span itemprop=”name”>சிக்கன் பிரியாணி</span>

          <meta itemprop=“prepTime” content=“PT20M”>

<meta itemprop=“cookTime” content=“PT1H”>

தேவையானவை:-

 <span itemprop=”ingredients”>கோழி</span>

<span itemprop=”ingredients”>மசாலா</span>

<span itemprop=”ingredients”>அரிசி</span>

செய்முறை:

<span itemprop=”recipeInstructions”>அரிசியை முதலில் கழுவிக் கொள்ளுங்கள். அடுப்பில் சட்டியை வைத்து சூடு காட்டி கொஞ்சம் எண்ணெய் ஊற்றுங்கள். பிறகு பட்டை, கிராம்பு, ஏலக்காய் போட்டு வதக்குங்கள். வெங்காயம் போடுங்கள். கொஞ்ச நேரம் கழித்து மசாலாக்களை போடுங்கள். பிறகு கோழியை போடுங்கள்.  அதன்பின் அரிசியை போட்டு நன்றாக கிண்டுங்கள். கொஞ்ச நேரம் அப்படியே வைத்து அடுப்பை நிறுத்திவிடுங்கள்.</span>

மதிப்பு: <div itemprop=”aggregateRating”itemscope itemtype=”http://schema.org/AggregateRating”> <span itemprop=”reviewCount”>11</span> வாசகர்கள் <span itemprop=”ratingValue”>4.5</span> நட்சத்திர மதிப்பு கொடுத்துள்ளார்கள்.</div>
</div>

 மேலுள்ளதில் சிவப்பு நிரல்கள் அவசியம் இருக்க வேண்டும். நீல நிரல்கள் நீங்கள் விருப்பப்பட்டால் சேர்க்கலாம்.

சரி, நாம் சரியாக சேர்த்திருக்கிறோமா? என்பதை எப்படி அறிவது?

HTML Mode-ல் உள்ள எல்லா நிரல்களையும் காப்பி செய்து, http://www.google.com/webmasters/tools/richsnippets என்ற முகவரிக்கு சென்று, அங்குள்ள பெட்டியில் கொடுத்து Preview என்பதைக் கொடுத்தால் சரியாக உள்ளதா? என்று காட்டும்.

HTML Mode-ல் வைத்து எழுதினோம் அல்லவா? அங்கிருந்துக் கொண்டே Preview என்பதை அழுத்தி பதிவு சரியாக தெரிகிறதா? என்று பார்க்கவும். சரியாக இருந்தால், Compose Mode-கு மாறாமலேயே (Labels எல்லாம் கொடுத்தப்பின்) Post செய்யுங்கள். 


பதிவு எழுதிக்கொண்டிருக்கும்போது Compose Mode-கு மாறினால் சில நிரல்கள் காணாமல் போய்விடும்.


நீங்கள் கூகுளில் “சிக்கன் பிரியாணி செய்வது எப்படி?” என்று தேடினால் முதல் பக்கத்தில் என்னுடைய சோதனை பதிவு புகைப்படத்துடன் பின்வருமாறு தெரியும்.

[அந்த பதிவில் Rating நிரல் சேர்க்கவில்லை. அதனால் தெரியவில்லை]


முதல் முறை இவ்வாறு செய்யும்போது சிரமமாக இருக்கலாம். ஆனால் தொடர்ந்து இதை செய்தால் எளிதாகிவிடும். நிரல்களை சேர்க்கும் முன் எழுதிய பதிவை காப்பி செய்து வேறு இடத்தில் சேமித்து வையுங்கள். பிழை ஏற்பட்டால் அது உதவும்.


முடிந்தவரை எளிதாக சொல்ல வேண்டும் என்பதற்காக பலமுறை திருத்தி இந்த பதிவை எழுதியுள்ளேன். புரியவில்லை எனில் பின்னூட்டத்தில் தெரிவிக்கவும்.