مساحة إعلانية

الأحد، 2 نوفمبر 2014

الأحد، 2 نوفمبر 2014

شرح اضافة كود التقييم لمدونات بلوجر blogger

حصريا كود اضافة التقييم لمدونات لبلوغر

 
السلام عليكم ورحمة الله تعالى وبركاته
 


قبل أن نبدأ هدا الشرح أحب أدكر لبعض الإخوة أننا في القرن 21 يعني أننا دخلنا في 2012 بمعنى أخر أننا تعدينا العصر الحجري بالالاف السنين


لأجد 3 تجار يتاجرون في الأرقام والحروف


يا أخي لو عندك سيارة أو طائرة أو قلعة لامانع لدي نتفاهم على ثمنهم وأشتري ألي أقدر عليه منك

أما أن تبيع لي الحروف والأرقام فهدا شيء مضحك جدا

أسف على هده المقدمة ولنبدأ على بركة الله


كما هو معروف حديثا أن موضفي موقع جوجل أضافو خاصية جديدة


تسمى بـ توصيف البيانات المهيكلة، وعرضها في نتائج البحث.

بمعنى أخر : المقتطفات المنسقة (microdata، وmicroformats، وRDFa)

كسب ثقة جوجل ولفت إنتباه الزوار إضافة الخمس نجوم لمدونات بلوجر

بلسان جوجل "تم تصميم المقتطفات، وهي أسطر قليلة من النص تظهر أسفل كل نتيجة بحث، بحيث تقدم للمستخدمين موجزًا حول ما يمكن العثور عليه في الصفحة والسبب الذي جعلنا نظن أنها وثيقة الصلة بطلب البحث."


للإظلاع على المزيد وفهم هده الخاصية جيدا المرجو الدخول من هنا

لكن ما يهمنا من هدا كله أننا نحن معشر المدونين العرب سنستفيد أيضا من هده الخاصية مدامة مجانية ونشارك المواقع الكبرى من هده الكعكة


الأن تابع معي طريقة تركيب هده الإضافة وقبل أن نبدأ المرجو أخد نسخة إحتياطية للقالب هدا بالنسبة لك كمبتدأ

- بعد دخولك لمنصت بلوجر ننتقل إلى تصميم القالب ---> تحرير HTML


نضغط على علامة توسيع قوالب عناصر واجهة المستخدم

لتظهر صورة أمام عنوان المدونة في جوجل

نبجث عن هدا الرمز <head> لنضيف أسفله هدا الكود
<link href="https://plus.google.com/u/0/113500552645681679066" rel="author"></link>


فقط غير الرابط الملون بالأحمر برابط حسابك على جوجل بلس


الخطوة الثانية والأهم إضافة النجوم الخمس أسفل روابط مدونتك على جوجل

من داخل القالب نبحث عن هدا الرمز <body> لنضيف أسفله التعليمات البرمجية التالية

<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
</div>

ثم إبحث كدلك على هدا الرمز </body> ستجده بأسفل القالب وأضف فوقع مباشرة هدا الكود

</div></div>


مرة أخرى من داخل القالب وهدا هو الأهم تابع جيدا

نبحث كدلك على هدا الوسم <h3 class='post-title entry-title'> ستجد منه إثنين لدلك إخر الأول وحدده بالكامل حتى تصل إلى هدا الحرف </h3>

مع إختلاف القوالب قد نجد </h3> او </h2> او </h1> المهم بعد تجديده


نعمل له نسخ وندخله بين هدا الكود
 

رمز PHP:
<span itemprop='itemreviewed'><span itemprop='description'

ضعه هنا

رمز Code:
</span></span>

كما هو موضح في الصورة كي تفهم أكثر

كسب ثقة جوجل ولفت إنتباه الزوار إضافة الخمس نجوم لمدونات بلوجر


الخطوة الأخيرة نقوم بالبحث عن هدا الكود <data:post.body/> ونضيف هدا الكود أسفله

رمز Code:
Description: <span itemprop='description'><data:post.title/></span>,
Rating: <span itemprop='rating'>4.5</span>,
Reviewer: <span itemprop='reviewer'><data:post.author/></span>,
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
إحفظ القالب ومبروك عليك الإضافة

ليست هناك تعليقات:

جميع الحقوق محفوظة لــ عالم تقنيات وبرامج 2017 ©