أفضل إضافات بلوجر لتحسين السرعة والسيو
إضافات بلوجر تعتبر من أهم الأدوات التي تساعد أصحاب المدونات على تحسين الأداء، تسريع الموقع، وتحسين تجربة المستخدم. في هذا المقال سنستعرض أشهر الإضافات مع أمثلة توضيحية.
1️⃣ إضافة Lazy Load للصور
تعمل هذه الإضافة على تحميل الصور فقط عند وصول الزائر إليها، مما يساهم في تقليل وقت تحميل الصفحة.
مثال كود Lazy Load
<script>
document.addEventListener("DOMContentLoaded", function () {
const images = document.querySelectorAll("img[data-src]");
images.forEach(img => {
img.src = img.dataset.src;
});
});
</script>
2️⃣ إضافة جدول المحتويات
جدول المحتويات يسهل على القارئ التنقل داخل المقال ويحسن من تجربة المستخدم.
مثال جدول المحتويات
<div id="toc"></div>
<script>
const toc = document.getElementById("toc");
const headers = document.querySelectorAll("h2");
let html = "<ul>";
headers.forEach(h => {
const id = h.innerText.replace(/\s+/g,"-");
h.id = id;
html += `<li><a href="#${id}">${h.innerText}</a></li>`;
});
html += "</ul>";
toc.innerHTML = html;
</script>
3️⃣ صندوق عرض الأكواد
هذا الصندوق يُستخدم لعرض الأكواد داخل المقالات التقنية بشكل منظم وواضح.
مثال صندوق كود
هنا تضع الكود الخاص بك
4️⃣ إضافة أزرار المشاركة
أزرار المشاركة تساعد على نشر مقالاتك وزيادة عدد الزيارات من الشبكات الاجتماعية.
📌 يمكنك تصفح قسم الإضافات
مثال أزرار مشاركة
<a href="#">فيسبوك</a> <a href="#">تويتر</a>
الخلاصة
اختيار إضافات بلوجر المناسبة يساعدك على تحسين سرعة المدونة، تحسين السيو، وتقديم تجربة استخدام احترافية للزائر.
شكرا لمرورك الجميل سنرد عليك بأحسن تعليق