Ads 468x60px

آخر التعليقات

.

ابحث في كوكل بدل ان ترجع الى الصفحى الرئيسيه

Custom Search

إضافة صورة الكاتب في نتائج البحث

ادارة الموقع | 6:27 م |

إضافة صورة الكاتب في نتائج البحث



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



أنا كتبت لكم تعريف وفائدة هذه الخاصية في مدونة الويب التقنية يمكنك الولوج إيها من هنا: ما فائدة ظهور صورة الكاتب في نتائج البحث؟

أول ما يجب أن نبدأ به وهو ربط مدونتنا بحساب جوجل+ الخاص بنا يمكنك ذلك بإتباع هذا الرابط : ربط مدونتنا بحسابنا على جوجل بلاس عند الإنتهاء من هذا لا تنسى إضافة المدونة لحسابك الشخصي لتظهر عليه إتبع هذا الرابط : أشارك في، أضف المدونة في الخيار الثاني contributes to ;)

عند الإنتهاء من هذا لم يبقى سوى إنهاء بعض التعديلات في القالب، سأشرح لكم بطريقتين.

الطريقة الأولى هي كالتالي:
إتجه نحو القالب ثم تحرير و إبحث عن <head> ثم تحته مباشرة أضف التالي : 
<link href='https://plus.google.com/123456789' rel='author'/>
إستبدل الرابط  الملون بالأحمر برابط حسابك على جوجل+ حقيقة لا أنصحكم بهذه الطريقة، هذه الطريقة يمكنك إستخدامها في حالة ماكنت المؤلف الوحيد في المدونة.

الطريقة الثانية والتي أستخدمها هي: 
البحث عن : <div class='post-footer'>
وإضافة تحته مباشرة:  
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
<meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
<meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>

حيث أن الطريقة الثانية تظهر صورة كاتب المقالة وليس صاحب المدونة عامة كما تفعل الأولى، أتمنى أنكم قد إستفدتم، ولا تنسوا عند الإنتهاء من كل هذا قوموا بمعاينة الأمر بإستخدام الأداة التي ذكرتها في مدونة الويب التقنية، مع السلامة.




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

إرسال تعليق

ساعدنا على ان نكون متواصلين دائما اضف تعليقك
وشاركنا بارائك فكلمه شـــكر تعني لنا الكثير

 

إجمالي مرات مشاهدة الصفحة

Flag Counter
Best Blogger Tips
Blog Tips