أهلا وسهلا بكم فى تدوينة جديدة من تدوينات عرب ديزاينر
اليوم أقدم لكم موضوع جديد وحصرى وهو أضافة وأظهار صورة الكاتب أو الأدمن فى محركات البحث
فالمستخدم عندما يبحث فى محركات البحث سيجد كل النتائج نصوص عادية ولكن عندما يجد موضوع بصورة الكاتب
فسيلفت هذا الأمر نظره ويذهب لهذه التدوينة ويرى ما بداخلها من محتوى
إذاً فإن هذه الصورة رغم بساطتها فإن لها فائدة كبيرة، إذا يجب أن تضيفها في مدونتك في الحال نظرا لأهميتهاّ،
الأن نمر الى شرح الطريقة وتركيبها
هناك طريقتان سوف نشرحهم بالتفصيل وأختر ما تتوافق معك وتروق لك
الأن نمر الى شرح الطريقة وتركيبها
هناك طريقتان سوف نشرحهم بالتفصيل وأختر ما تتوافق معك وتروق لك
الطريقة الأولى وهى عن طريق عرض حسابك فى جوجل بلس وهى للمدونات الشخصية التى بها كاتب واحد فقط :
نذهب الى القالب ثم تحرير ثم نقوم بالبحث عن
<head>
ونضيف تحته هذا الكود
<link href='رابط جوجل بلس الخاص بك' 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>
هذه هى الطريقتين....بالتوفيق للجميع