السلام عليكم ورحمة الله وبركاتة الموضوع اليوم عن أهم مشكلة ممكن تواجهنا فى مدونة بلوجر وهي الصور فى المشاركات الشائعة نلاحظ عنوان التدوينة لا يظهر على الصور وبالتالي يكون غير مفضل فى السيو ولكن سوف اقدم لكم الشرح الوافي لحل المشكلة واضافة Alt واصلاح المشكلة نهائي يرجي متابعة الصور بعناية شديدة حتي لا تقع فى المشاكل وقبل اي شئ تاخد نسخة احتياطية من القالب قبل بدأ الموضوع ولكن لا اعتقد ذلك عند متابعتي الشرح المكتوب بالصور لن تجد مشكلة فى تنفيذ الخطوات واضافة Alt للصور فى المشاركات الشائعة تفيد فى تحسين نتائج البحث فى جوجل لاني السيو رقم واحد فى تحسين الموقع من حيث النتائج فى محرك بحث جوجل يجب معرفة ذلك
هنبدا دلوقتي بشرح كيفية جعل عنوان الموضوع يظهر فى الصور عند تحريك الماوس على الصور فى المشاركات الشائعة يظهر عنوان التدوينة فى كل صورة موضوع معين
نهاية الكود بالشكل دا
</b:widget>
اذا كان الكود غير واضح يمكنك نسخ الكود من هنا
How to add a title tag in the popular post on Blogger
 |
| إضافة Alt للصور فى المشاركات الشائعة فى بلوجر |
How to Make a Title and Alt Tags in Popular Post
هي دي فكرة Alt في المشاركات الشائعة على بلوجر طبعا بتسأل نفسك وهي اي لازمتها واعرف ازاي انها عندي مش مظبوطة هقولك تعرفها ازاي بس فى اخر الموضوع نركز الاول على شرح تركيبها تمام الخطوة الاولي اذهب الى التخطيط ثم قم بأضافة اداة واختار منها المشاركات الشائعة وضيفها فى حالة انك ضايفها مش هيلزمك تعيد من الاول فقط هتابع معايا الشرح الان اولا اذهب الى قالب المدونة وبعدها تحرير HTML |
| إضافة Alt للصور فى المشاركات الشائعة فى بلوجر |
سيو الصور للمشاركات الشائعة فى بلوجر
وبعدين هيفتح ليك كود القالب هدوس Ctrl+f كنترول زائد حرف اف ونكتب PopularPosts1 ودوس انتر |
| إضافة Alt للصور فى المشاركات الشائعة فى بلوجر |
حل مشكلة Alt للصور فى المشاركات الشائعة
هيظهر ليك مكان الاداة اللى فيها كود المشاركات الشائعة هتغير الكود كله بس لازم تعرف البداية والنهاية للكود لاحظ معايا طبعا سوف اعطي لك جزء من الكود اللى المفروض هتشيله انا مش حاطه كله لكن هوريك البداية والنهاية فيه |
| إضافة Alt للصور فى المشاركات الشائعة فى بلوجر |
<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>بعد التركيب اضغط حفظ النموذج وبكدا اصبحت المشاركات الشائعة مظبوطة فى السيو والصور كلها Alt
<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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 == "false"'>
<!-- (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>
اذا كان الكود غير واضح يمكنك نسخ الكود من هنا
ليست هناك تعليقات