إضافة Alt للصور فى المشاركات الشائعة فى بلوجر

السلام عليكم ورحمة الله وبركاتة الموضوع اليوم عن أهم مشكلة ممكن تواجهنا فى مدونة بلوجر وهي الصور فى المشاركات الشائعة نلاحظ عنوان التدوينة لا يظهر على الصور وبالتالي يكون غير مفضل فى السيو ولكن سوف اقدم لكم الشرح الوافي لحل المشكلة واضافة Alt واصلاح المشكلة نهائي يرجي متابعة الصور بعناية شديدة حتي لا تقع فى المشاكل وقبل اي شئ تاخد نسخة احتياطية من القالب قبل بدأ الموضوع ولكن لا اعتقد ذلك عند متابعتي الشرح المكتوب بالصور لن تجد مشكلة فى تنفيذ الخطوات واضافة Alt للصور فى المشاركات الشائعة تفيد فى تحسين نتائج البحث فى جوجل لاني السيو رقم واحد فى تحسين الموقع من حيث النتائج فى محرك بحث جوجل يجب معرفة ذلك

How to add a title tag in the popular post on Blogger

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

How to Make a Title and Alt Tags in Popular Post

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

سيو الصور للمشاركات الشائعة فى بلوجر

وبعدين هيفتح ليك كود القالب هدوس Ctrl+f كنترول زائد حرف اف ونكتب PopularPosts1 ودوس انتر
إضافة Alt للصور فى المشاركات الشائعة فى بلوجر
إضافة Alt للصور فى المشاركات الشائعة فى بلوجر
نهاية الكود بالشكل دا </b:widget>

حل مشكلة Alt للصور فى المشاركات الشائعة

هيظهر ليك مكان الاداة اللى فيها كود المشاركات الشائعة هتغير الكود كله بس لازم تعرف البداية والنهاية للكود لاحظ معايا طبعا سوف اعطي لك جزء من الكود اللى المفروض هتشيله انا مش حاطه كله لكن هوريك البداية والنهاية فيه
إضافة Alt للصور فى المشاركات الشائعة فى بلوجر
إضافة Alt للصور فى المشاركات الشائعة فى بلوجر
<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img alt='image' border='0' expr:title='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img alt='image' border='0' expr:title='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
بعد التركيب اضغط حفظ النموذج وبكدا اصبحت المشاركات الشائعة مظبوطة فى السيو والصور كلها Alt
اذا كان الكود غير واضح يمكنك نسخ الكود من هنا

إضافة Alt للصور فى المشاركات الشائعة فى بلوجر

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