تسريع مدونة بلوجر وتحسين سرعة تحميل الصفحات وضغط الصور لتحسين السيو التقني
تُعد سرعة تحميل الموقع من العوامل المهمة التي تؤثر في تجربة الزائر ومدى سهولة تصفح المقالات، خاصةً عند استخدام الهواتف المحمولة أو الاتصال بالإنترنت بسرعات محدودة. وكلما استطاع الزائر الوصول إلى المحتوى بسرعة، أصبحت تجربة استخدام المدونة أفضل.
في هذا الدليل من موقع بالعلم نحيا، سنتعرف على أهم الطرق التي تساعدك على تسريع مدونة بلوجر (Blogger)، وتحسين تحميل الصور والخطوط، والاستفادة من أدوات قياس الأداء، بالإضافة إلى التعرف على إعدادات بلوجر التي تساعدك في تحسين السيو التقني (Technical SEO).
أولًا: ما المقصود بالتحميل المسبق للصفحات (Preloading)؟
التحميل المسبق هو أسلوب تقني يهدف إلى تجهيز بعض الموارد التي يُتوقع أن يحتاج إليها المتصفح قريبًا، مثل الخطوط أو الصور أو الصفحات المهمة، قبل أن يطلبها المستخدم فعليًا.
في بعض أنظمة إدارة المحتوى، توجد إضافات متخصصة لتنفيذ عمليات التحميل المسبق وإدارة التخزين المؤقت (Caching). أما في بلوجر، فإن جوجل تتولى إدارة البنية الأساسية للاستضافة وجزءًا كبيرًا من عمليات تقديم الصفحات، ولا توجد لوحة تحكم مدمجة تتيح تشغيل التحميل المسبق لجميع الصفحات بالطريقة نفسها الموجودة في بعض إضافات ووردبريس.
لذلك، يمكن تحسين سرعة مدونة بلوجر من خلال مجموعة من الإجراءات العملية، أهمها:
تحسين حجم الصور المستخدمة داخل المقالات.
تقليل الملفات البرمجية غير الضرورية في القالب.
استخدام خطوط مناسبة وخفيفة.
تقليل الأكواد الخارجية التي لا يحتاج إليها الموقع.
تحسين القالب ليتوافق مع الهواتف المحمولة.
قياس سرعة المدونة ومعالجة المشكلات التي تظهر في تقارير الأداء.
ثانيًا: ما دور خريطة الموقع (Sitemap) في تحسين أداء بلوجر؟
خريطة الموقع هي ملف يساعد محركات البحث على اكتشاف عناوين صفحات المدونة ومقالاتها، لكنها ليست أداة مخصصة لتحميل الصفحات مسبقًا داخل الخادم.
يمكنك الاستفادة من خريطة الموقع في بلوجر لمساعدة محرك بحث جوجل على اكتشاف المحتوى الجديد وفهم بنية المدونة.
كيفية الوصول إلى خريطة موقع بلوجر
في المدونات التي تستخدم نطاق بلوجر المعتاد، تكون خريطة الموقع غالبًا متاحة من خلال الرابط التالي:
https://YOURBLOG.blogspot.com/sitemap.xml
أما إذا كنت تستخدم نطاقًا مخصصًا، مثل موقعك الخاص، فيمكنك تجربة:
https://www.belelmnahia.com/sitemap.xml
استبدل الرابط بعنوان مدونتك الصحيح، ثم افتح الرابط في المتصفح للتأكد من أنه يعمل.
بعد ذلك، يمكنك إضافة خريطة الموقع إلى Google Search Console من خلال الخطوات التالية:
افتح حسابك في Google Search Console.
اختر الموقع الذي تريد تحسين ظهوره في نتائج البحث.
افتح قسم «ملفات Sitemap».
أدخل
sitemap.xmlإذا كان هذا هو مسار خريطة موقعك الصحيح.اضغط على إرسال، ثم راجع حالة المعالجة.
ملحوظة: إرسال خريطة الموقع يساعد جوجل على اكتشاف المحتوى، لكنه لا يضمن فهرسة جميع المقالات، ولا يعني أن صفحات المدونة أصبحت محمّلة مسبقًا أو أسرع تلقائيًا.
ثالثًا: ما المقصود بالتحميل المسبق للروابط (Link Preloading)؟
تتيح بعض التقنيات للمتصفح تجهيز صفحة أو مورد قبل أن يحتاج إليه المستخدم، بهدف تقليل وقت الانتظار عند الانتقال إليه.
لكن يجب التمييز بين مفهومين:
Preloading: تجهيز مورد يعرف المتصفح أنه سيحتاج إليه قريبًا.
Prefetching: جلب مورد يُتوقع أن يحتاج إليه المستخدم في وقت لاحق.
في بلوجر، لا يوجد إعداد افتراضي في لوحة التحكم لتفعيل تحميل جميع الروابط مسبقًا بعد الوقوف عليها لمدة 100 مللي ثانية، كما هو الحال في بعض إضافات تحسين السرعة.
وقد تتم إضافة بعض تقنيات التحميل المسبق إلى قالب بلوجر عن طريق تعديل كود HTML، لكن ذلك يحتاج إلى معرفة بالمورد المراد تحميله، ومدى أهميته، وتأثيره في استهلاك البيانات.
ليس من الأفضل تحميل جميع صفحات المدونة مسبقًا؛ فقد يؤدي ذلك إلى استهلاك موارد إضافية دون فائدة حقيقية، خصوصًا إذا كان الزائر لن يفتح تلك الصفحات.
النصيحة العملية: ركّز أولًا على تسريع الصفحة التي يزورها المستخدم بالفعل، ثم اختبر التحسينات الأخرى باستخدام أدوات قياس الأداء.
رابعًا: ما المقصود بـ DNS Prefetch وكيف تستفيد منه مدونة بلوجر؟
تقنية DNS Prefetch تساعد المتصفح على تنفيذ عملية البحث عن عنوان IP الخاص بنطاق خارجي قبل الحاجة إلى الاتصال به.
قد يكون ذلك مفيدًا عندما تستخدم المدونة موارد خارجية، مثل بعض الخطوط أو أدوات التحليل أو خدمات عرض المحتوى.
على سبيل المثال، إذا كان قالبك يستخدم خطوط Google Fonts، فقد يحتاج المتصفح إلى الاتصال بالنطاق:
fonts.googleapis.com
وقد يحتاج أيضًا إلى تحميل ملفات الخطوط من:
fonts.gstatic.com
يمكن في بعض القوالب إضافة تلميحات الاتصال المبكر إلى قسم <head>، مثل:
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//fonts.gstatic.com">كيف تضيف هذه الأكواد إلى قالب بلوجر؟
افتح لوحة تحكم بلوجر.
اختر «المظهر».
افتح القائمة الخاصة بتعديل HTML للقالب.
ابحث عن وسم
<head>.أضف الأكواد المناسبة في مكان داخل قسم الرأس، مع مراعاة بنية القالب.
احفظ التغييرات، ثم اختبر المدونة للتأكد من عدم حدوث أخطاء.
تنبيه مهم: لا تضف هذه الأكواد لمجرد وجودها في الشروحات؛ استخدمها فقط إذا كانت المدونة تتصل فعلًا بهذه النطاقات. كما أن DNS Prefetch لا يقوم بتحميل ملفات الخطوط نفسها، وإنما يساعد على بدء الاتصال بالنطاق مبكرًا.
قبل تعديل القالب، احتفظ بنسخة احتياطية منه حتى تتمكن من استعادته إذا حدث خطأ.
خامسًا: تحسين تحميل الخطوط في مدونة بلوجر
الخطوط من العناصر التي قد تؤثر في سرعة عرض النصوص، خاصةً عندما يستخدم القالب عدة خطوط أو أوزان مختلفة.
فإذا كانت مدونتك تستخدم خطًا عربيًا خارجيًا، فقد يحتاج المتصفح إلى تحميل ملف إضافي من الإنترنت قبل عرض النص بالشكل المطلوب.
هناك عدة طرق لتحسين تحميل الخطوط.
1. تقليل عدد الخطوط المستخدمة
استخدم خطًا عربيًا واضحًا ومناسبًا للقراءة، وحاول تقليل عدد الخطوط والأوزان التي يستخدمها القالب.
على سبيل المثال، إذا كان القالب يستخدم ثلاثة خطوط مختلفة للعناوين والنصوص والقوائم، فقد يكون من الممكن الاكتفاء بخط واحد أو خطين دون التأثير في وضوح المحتوى.
2. استخدام خطوط محلية عند الحاجة
بعض القوالب تحتوي على ملفات خطوط مرفقة بها أو تستضيفها على خادم خاص. وقد يساعد استخدام هذه الخطوط في تقليل الاعتماد على خدمات خارجية، لكن النتيجة تعتمد على مكان استضافة الملفات وطريقة تحميلها.
إذا كنت تستخدم خطًا خارجيًا، فلا تفترض أنه يمكن تحويله إلى خط محلي بمجرد نسخ رابط الملف؛ يجب أن يكون لديك حق استخدام الملف وأن تضبط مساره في القالب بصورة صحيحة.
3. معرفة الخطوط التي تستخدمها المدونة
يمكنك استخدام أداة GTmetrix لتحليل الموارد التي يتم تحميلها عند فتح المدونة.
اتبع الخطوات التالية:
افتح موقع GTmetrix.
أدخل عنوان مدونتك.
ابدأ اختبار الأداء.
افتح تقرير Waterfall، إذا كان متاحًا في تقريرك.
ابحث عن الملفات التي تنتهي بامتدادات الخطوط، مثل
.woffأو.woff2.راجع النطاق الذي يتم تحميل الملفات منه، لتحديد ما إذا كانت الخطوط محلية أم خارجية.
يمكنك أيضًا الاستعانة بأدوات المطور في المتصفح لفحص ملفات الخطوط التي يتم طلبها.
رابط الأداة: https://gtmetrix.com/
4. هل يجب تحميل الخطوط مسبقًا؟
ليس بالضرورة. قد يكون التحميل المسبق لملف خط مهم مفيدًا إذا كان يؤخر ظهور النص الرئيسي، لكن تحميل خطوط كثيرة مسبقًا قد يزيد الضغط على الاتصال ويؤخر تحميل موارد أخرى.
إذا كنت ستعدل قالب بلوجر لإضافة preload، فتأكد من استخدام عنوان ملف الخط الصحيح، ونوع المورد المناسب، والإعدادات التي تتوافق مع طريقة تحميل الخط.
لا تستخدم رابطًا افتراضيًا لملف خط؛ يجب أن يكون الرابط مطابقًا للملف الذي تستخدمه مدونتك فعلًا.
سادسًا: استثناء صفحات معينة من التخزين المؤقت في بلوجر
في بعض أنظمة إدارة المحتوى، يمكن تحديد صفحات لا ينبغي تخزين نسخ مؤقتة منها، خصوصًا الصفحات التي تعرض بيانات شخصية أو محتوى يتغير حسب المستخدم.
من الأمثلة على ذلك صفحات سلة التسوق وإتمام الشراء في المتاجر الإلكترونية.
لكن بلوجر لا يوفر إعدادًا مدمجًا في لوحة التحكم لاستثناء روابط محددة من التخزين المؤقت بالطريقة الموجودة في بعض إضافات ووردبريس.
كما أن بلوجر ليس منصة متجر إلكتروني متكاملة تحتوي افتراضيًا على سلة مشتريات ونظام إتمام طلبات مماثلًا لأنظمة التجارة الإلكترونية.
إذا كنت تعرض منتجات داخل مدونتك وتستخدم خدمة خارجية لإدارة الطلبات، فمن الأفضل مراجعة إعدادات تلك الخدمة، وعدم تضمين معلومات شخصية أو بيانات طلبات حساسة داخل صفحات عامة قابلة للفهرسة.
ولا تحاول إضافة أكواد استثناء التخزين المؤقت إلى القالب دون فهم طريقة عملها؛ فهذه الأكواد لن تمنحك بالضرورة تحكمًا في التخزين المؤقت الذي تديره منصة بلوجر نفسها.
سابعًا: هل تحتاج إلى تنظيف قاعدة البيانات في بلوجر؟
تقدم بعض إضافات ووردبريس أدوات لتنظيف قاعدة البيانات، وحذف المراجعات القديمة والمسودات والتعليقات غير المرغوب فيها والبيانات المتبقية من إضافات سابقة.
أما في بلوجر، فلا توجد لوحة تحكم تتيح لك تنفيذ عملية تنظيف قاعدة البيانات بالطريقة نفسها؛ إذ تتولى جوجل إدارة قاعدة البيانات والبنية الداخلية للمنصة.
ومع ذلك، يمكنك الحفاظ على تنظيم مدونتك من خلال الإجراءات التالية:
حذف المسودات أو المقالات التي لم تعد تحتاج إليها، بعد التأكد من عدم أهميتها.
مراجعة التعليقات المزعجة وحذفها أو الإبلاغ عنها.
إزالة الصور غير المستخدمة عندما تكون متأكدًا من عدم الحاجة إليها.
مراجعة الصفحات المنشورة والتأكد من أنها لا تحتوي على روابط معطلة.
تجنب إضافة أكواد أو أدوات خارجية لا تستخدمها.
هذه الإجراءات تساعد على تنظيم المحتوى وإدارته، لكنها لا تعني أن قاعدة بيانات بلوجر أصبحت أصغر أو أن سرعة المدونة ستتحسن مباشرة بعد تنفيذها.
ثامنًا: ضغط الصور في بلوجر لتحسين سرعة التحميل
يُعد تحسين الصور من أهم الخطوات العملية التي يمكنك تنفيذها بنفسك لتسريع مدونة بلوجر.
فالصور الكبيرة قد تستغرق وقتًا طويلًا في التحميل، خصوصًا عند زيارة المدونة من الهاتف المحمول أو استخدام اتصال بطيء بالإنترنت.
الفكرة هي تقليل حجم ملف الصورة مع الحفاظ على جودة بصرية مناسبة، واختيار أبعاد تتناسب مع المكان الذي ستظهر فيه الصورة.
1. لماذا يجب ضغط الصور قبل رفعها؟
لنفترض أنك تريد إضافة صورة إلى أحد مقالات مدونتك، وكان حجمها 2 ميجابايت.
بعد ضغط الصورة بطريقة مناسبة، قد يصبح حجمها 300 كيلوبايت مع الاحتفاظ بجودة جيدة. في هذه الحالة، يحتاج المتصفح إلى تنزيل بيانات أقل لعرض الصورة.
الأرقام السابقة مجرد مثال توضيحي؛ فحجم الصورة النهائي يعتمد على أبعادها ونوعها ومحتواها ومستوى الضغط المستخدم.
وعندما يحتوي المقال على عدة صور، قد يؤدي تقليل حجم كل صورة إلى خفض إجمالي البيانات التي يحتاج الزائر إلى تحميلها.
2. أفضل الأدوات لضغط الصور قبل رفعها
يمكنك استخدام أدوات ضغط الصور عبر الإنترنت، ومنها:
TinyPNG: https://tinypng.com/
Squoosh: https://squoosh.app/
تتيح هذه الأدوات تقليل حجم كثير من الصور مع إمكانية معاينة الجودة قبل تنزيل النسخة المحسنة.
3. خطوات ضغط الصور باستخدام Squoosh
افتح موقع Squoosh.
اختر الصورة الموجودة على جهازك.
جرّب تنسيق WebP إذا كان مناسبًا لاستخدامك.
عدّل مستوى الضغط حتى تحصل على حجم أقل مع جودة مقبولة.
قارن الصورة الأصلية بالنسخة المضغوطة.
نزّل الصورة الجديدة إلى جهازك.
ارفعها إلى مقال بلوجر بدلًا من استخدام الصورة الأصلية الكبيرة.
تنسيق WebP مناسب لكثير من الصور على الويب، وقد يوفر حجمًا أقل من بعض التنسيقات التقليدية، مع اختلاف النتيجة حسب الصورة وإعدادات التصدير.
4. اختيار أبعاد الصورة المناسبة
لا يكفي ضغط الصورة فقط؛ بل يجب أيضًا أن تكون أبعادها مناسبة للاستخدام.
على سبيل المثال، إذا كنت تعرض صورة داخل المقال بعرض 800 بكسل، فقد لا تحتاج إلى رفع نسخة بعرض 4000 بكسل، إلا إذا كانت هناك حاجة فعلية إلى تلك الدقة.
احرص على مراعاة ما يلي:
استخدم أبعادًا تتناسب مع عرض المحتوى في القالب.
تجنب رفع صور ضخمة لمجرد تصغيرها بصريًا داخل المقال.
حافظ على نسبة العرض إلى الارتفاع حتى لا تتشوه الصورة.
اختر جودة مناسبة تمنع ظهور التشويش أو فقدان التفاصيل المهمة.
5. هل يجب حذف الصور القديمة قبل الضغط؟
إذا كنت تراجع مكتبة الصور أو ملفاتك قبل رفع الصور المحسنة، فتأكد من أنك لا تحذف صورة ما زالت مستخدمة في مقالات منشورة.
في بلوجر، قد ترتبط الصور بروابط مباشرة مستخدمة داخل المقالات، ولذلك فإن حذف صورة من مصدرها أو تغيير طريقة الوصول إليها قد يؤدي إلى ظهور صورة مفقودة.
الأفضل هو استبدال الصور داخل المقالات عند الحاجة، والتأكد من أن الروابط الجديدة تعمل قبل إزالة أي نسخة قديمة.
تاسعًا: تحسين تحميل الصور داخل مقالات بلوجر
بعد ضغط الصور، هناك خطوات أخرى يمكن أن تساعد في تحسين عرضها.
1. استخدام التحميل الكسول (Lazy Loading)
يسمح التحميل الكسول بتأخير تحميل بعض الصور الموجودة خارج الجزء الظاهر من الصفحة حتى يقترب المستخدم من الوصول إليها أثناء التمرير.
قد يقلل ذلك من كمية البيانات التي يتم تحميلها عند فتح المقال لأول مرة.
لكن لا ينبغي تطبيق التحميل الكسول بصورة عشوائية على جميع الصور؛ فالصورة الرئيسية التي تظهر مباشرة في أعلى الصفحة قد تكون عنصرًا مهمًا في سرعة ظهور المحتوى، وقد يؤدي تأخير تحميلها إلى نتيجة عكسية.
إذا كنت تعدل HTML الخاص بالمقال أو القالب، فيمكن استخدام الخاصية loading="lazy" للصور المناسبة، بشرط أن يكون ذلك متوافقًا مع طريقة إنشاء الصور في القالب.
2. كتابة النص البديل للصور (Alt Text)
النص البديل يساعد على وصف محتوى الصورة لمحركات البحث والأشخاص الذين يستخدمون تقنيات قراءة الشاشة.
لإضافته في محرر مقالات بلوجر:
افتح المقال الذي تريد تعديله.
اضغط على الصورة داخل المحرر.
افتح خيارات الصورة.
ابحث عن خيار النص البديل (Alt text)، إذا كان متاحًا في واجهة المحرر لديك.
اكتب وصفًا واضحًا ومختصرًا للصورة.
على سبيل المثال، إذا كانت الصورة تشرح ضغط الصور في بلوجر، فيمكن استخدام النص البديل التالي:
«شرح ضغط الصور وتحسين سرعة مدونة بلوجر باستخدام WebP».
لا تكرر الكلمات المفتاحية بلا داعٍ؛ اجعل الوصف معبرًا عن الصورة نفسها.
3. تجنب الصور غير الضرورية
قبل إضافة صورة إلى المقال، اسأل نفسك: هل تساعد الصورة القارئ على فهم الشرح؟
إذا كانت الصورة لا تقدم فائدة حقيقية، فقد يكون حذفها أفضل من الاحتفاظ بها لمجرد زيادة عدد الصور داخل المقال.
الهدف ليس تقليل عدد الصور فقط، وإنما استخدام صور مفيدة ومحسنة من حيث الحجم والأبعاد.
عاشرًا: اختبار سرعة مدونة بلوجر بعد التحسين
بعد تنفيذ الخطوات السابقة، يجب قياس الأداء للتأكد من أن التحسينات أحدثت فرقًا حقيقيًا.
يمكنك استخدام الأدوات التالية:
1. PageSpeed Insights
الرابط: https://pagespeed.web.dev/
أدخل رابط مدونتك، ثم افحص نتائج الهاتف المحمول وسطح المكتب. ستجد توصيات تتعلق بالصور والملفات البرمجية والخطوط وعناصر أخرى قد تؤثر في الأداء.
2. GTmetrix
الرابط: https://gtmetrix.com/
يساعدك على تحليل الموارد التي يتم تحميلها، ومعرفة الملفات الكبيرة والطلبات الخارجية وبعض أسباب بطء الصفحة.
3. Google Search Console
الرابط: https://search.google.com/search-console/
يمكنك من خلال تقرير مؤشرات الويب الأساسية (Core Web Vitals) متابعة تجربة المستخدم على مستوى مجموعة من الصفحات عندما تتوفر بيانات كافية عنها.
ما المؤشرات التي يجب الاهتمام بها؟
من أهم المؤشرات التي يمكنك مراجعتها:
LCP: يقيس الزمن اللازم لظهور أكبر عنصر محتوى رئيسي في الصفحة.
INP: يقيس مدى استجابة الصفحة لتفاعلات المستخدم.
CLS: يقيس مقدار التحرك غير المتوقع لعناصر الصفحة أثناء التحميل.
لا تعتمد على رقم السرعة وحده؛ راجع التوصيات التي تظهر في التقرير، وحدد المشكلات الأكثر تأثيرًا، ثم أعد الاختبار بعد إجراء التعديلات.
الحادي عشر: خطة عملية لتحسين سرعة مدونتك على بلوجر
إذا كنت تريد البدء بطريقة منظمة، فإليك ترتيبًا عمليًا يمكنك اتباعه:
اختبر سرعة المدونة باستخدام PageSpeed Insights.
حدد المقالات التي تحتوي على صور كبيرة.
اضغط الصور باستخدام Squoosh أو TinyPNG.
استخدم أبعادًا مناسبة للصور قبل رفعها.
راجع الخطوط المستخدمة في القالب وقلل الخطوط غير الضرورية.
احذف الأكواد والأدوات الخارجية التي لا تحتاج إليها، بعد التأكد من أنها غير مستخدمة.
تأكد من أن القالب يعمل جيدًا على الهواتف المحمولة.
راجع خريطة الموقع وأرسلها إلى Google Search Console إذا لم تكن قد فعلت ذلك.
أعد اختبار سرعة المدونة، وقارن النتائج بالتقرير السابق.
تذكّر أن بعض التحسينات، مثل إدارة التخزين المؤقت على مستوى الخادم وتنظيف قاعدة البيانات، ليست متاحة للمستخدم بالطريقة نفسها في بلوجر كما هي في أنظمة أخرى. لذلك، ركز على التغييرات التي يمكنك التحكم فيها بالفعل.
الخلاصة
تحسين سرعة مدونة بلوجر لا يعتمد على إعداد واحد سحري، بل على مجموعة من الخطوات المتكاملة التي تساعد المتصفح على عرض المحتوى بكفاءة.
ابدأ بضغط الصور واختيار أبعادها المناسبة، ثم راجع الخطوط والأكواد الخارجية المستخدمة في القالب، واستخدم أدوات قياس الأداء لتحديد المشكلات الحقيقية.
أما التحميل المسبق للصفحات وإدارة التخزين المؤقت وتنظيف قاعدة البيانات، فهي وظائف تختلف باختلاف المنصة. وفي بلوجر، يجب التعامل معها وفق الإمكانات المتاحة، بدلًا من محاولة تطبيق إعدادات إضافات ووردبريس حرفيًا.
باتباع هذه الخطوات، يمكنك تحسين تجربة الزائر، وتقليل حجم البيانات المطلوبة لعرض مقالاتك، والعمل على تحسين مؤشرات الأداء التي تهم المستخدم ومحركات البحث.
وفي الدرس القادم، ننتقل إلى موضوع مهم آخر في تحسين محركات البحث، وهو السيو الخارجي (Off-Page SEO) والروابط الخلفية (Backlinks)، وكيف يمكن أن تسهم في زيادة موثوقية الموقع وتحسين فرص ظهوره في نتائج البحث.
