كيفية تحسين صور موقعك لجعله أسرع وأكثر أداءً

هل أنت على وشك إطلاق موقع شخصي أو تعزيز أداء موقع موجود؟ تذكر دائمًا أن تحسين الصورة هو المفتاح لترتيب الموقع والمواضع العليا.

عند العمل على موقع ويب ، نميل غالبًا إلى التركيز على المحتوى والنصوص المحسّنة والصور والألوان وغيرها من الخيارات الأسلوبية الصغيرة لضبطها وفقًا لأذواقنا ومنتجاتنا. لكننا غالبًا ما نفشل في الاهتمام بنفس القدر بتحسين الصورة - أو نتغاضى عن أهميتها.

ماذا يعني تحسين الصور

بشكل أساسي ، يعني تحسين الصور ضغطها وجعلها أقل ثقلًا لتحسين سرعة موقعك وأدائه.

ما لا يعرفه الكثيرون هو أن جودة الصورة ووزنها تؤثر بشكل مباشر على سرعة وأداء الموقع ، وبالتالي على موقعه في محركات البحث.

إذا كنت قد فعلت كل ما بوسعك بالفعل لزيادة جودة المحتوى والكلمات الرئيسية الخاصة بك ، ولم تواجه إعدادات موقع الويب والفهرس أي مشاكل فنية ، فقد حان وقت التحسين: يمكن أن يحدث هذا فرقًا في تسلق أعلى مواقع بوابة البحث.

صور الويب: الوزن المثالي والدقة والأبعاد

يتراوح وزن الصورة المثالي للويب بشكل عام بين 200 و 300 كيلو بايت. الدقة المثالية هي 72 نقطة في البوصة (أي 70٪ تقريبًا). تحد الأبعاد المثالية من الجانب الطويل إلى 1200 بكسل (يشار إلى الأبعاد الكبيرة والدقة بشكل أساسي للطباعة ، ولكنها غير مناسبة لسياقات الويب).

لذلك ، يعد تقليل وزن الصور ودقتها ، بالإضافة إلى تكييف الصورة مع تنسيق الصفحة ، أمرًا ضروريًا لتحسين أداء موقع الويب.

كيفية تحسين الصور على الموقع

إذا لم تكن خبيرًا في الرسومات ولا تعرف حتى ما هو Photoshop ، فلا داعي للقلق: فهناك العديد من الأدوات ومواقع الويب الودية والمجانية المتاحة لك لتحسين صور موقعك بسهولة مع الحفاظ على جودتها. من ناحية أخرى ، إذا كان بإمكانك إدارة نفسك ، فإن تحسين الصور للويب باستخدام Photoshop هو بالتأكيد الخيار الأفضل.

في الواقع ، تحدد هذه المواقع والأدوات القيم العامة مسبقًا للحصول على صورة محسّنة ، أي أن يكون لديك صورة مضغوطة بالوزن والحجم وفقًا لمعايير الويب دون التأثير على جودتها. من الواضح أن الكثير من النتيجة تعتمد على الصورة التي تحملها في المقام الأول. بالطبع ، لا يمكن أن تتحول الصورة الأولية المحببة إلى صورة عالية الجودة بعد الضغط.

تشمل المواقع المزودة بوظائف تحسين الصور ، المجانية أو المدفوعة حسب الحاجة ، Comprimilo و Optimizilla و Kraken و TinyPNG و CompressJpeg وغيرها. كالمعتاد مع الويب المتطور باستمرار ، فإن هذه المواقع ، وخاصة المواقع المجانية ، تتغير باستمرار. ومع ذلك ، فإن البحث البسيط عن الكلمات الرئيسية سيكون كافياً للعثور على أفضل المواقع الحالية لتحسين صورك مجانًا.

علاوة على ذلك ، إذا تم إنشاء موقعك باستخدام منصة WordPress ، فلديك فرصة أخرى: تحسين صور WordPress من خلال المكونات الإضافية . الإضافات ليست أكثر من برامج دعم تهدف إلى تحسين وظائف البرامج الأخرى. باختصار ، يضيفون ميزات جديدة إلى موقعك دون الحاجة إلى كتابة التعليمات البرمجية بنفسك.

الأكثر شيوعًا هي:

• سحق
• محسن صور EWWW
• تخيل
• بكسل قصير
• TinyPNG

دور تحسين محركات البحث في تحسين الصورة

وزن الصورة وجودتها مهمان في عملية تحسين الصورة مثل أهمية تحسين محركات البحث (SEO) معها. في الواقع ، تحسين محركات البحث لا يتعلق فقط بالكلمات الرئيسية لنصوص موقعك. كما يتعامل مع عناوين وعلامات الصور التي يتم تحميلها على الموقع.

تتضمن عملية تحسين محركات البحث (SEO) للصورة ما يلي:

• سمة النص البديل ، أي نص بديل
• سمة العنوان ، أي عنوان الصورة
• شرح
• وصف
• URL ، أي رابط

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

سيكون من المثالي تحسين الصور قبل تحميلها على الموقع ، بعد حفظها بشكل صحيح في مجلدات جهاز الكمبيوتر الخاص بك. من الواضح ، إذا لم يكن ذلك ممكنًا ، فيمكنك الرجوع إلى معرض الصور الخاص بالموقع والقيام بهذا العمل لاحقًا.

هل تفكر في جميع الصور التي حفظتها ضمن Photo1 و Kkkkkkkkjpg و Image_3 وما إلى ذلك؟

الآن ، قم بتشغيل لتحسينها!

كيفية تحسين صور الموقع في بضع خطوات بسيطة

1. قم بضغط حجم الصور الخاصة بك حتى لا تثقل كاهل الموقع

إذا كنت لا تريد أن تؤدي الصور الكبيرة والثقيلة بشكل مفرط إلى إبطاء موقع الويب الخاص بك ، فانتقل إلى أحد المواقع المجانية التي تتيح لك تحسين صورك بطريقة بسيطة وسريعة. لقد اقترحنا بعضًا منهم أعلاه ، ولكن يمكنك دائمًا العثور على الآخرين من خلال بحث Google بسيط.

قد يشير الأشخاص الأكثر خبرة إلى Photoshop. هذه بالتأكيد الأداة الأكثر احترافًا لتخصيص الصور التي نضيفها إلى موقعنا بأفضل طريقة.

2. امنح الملف اسمًا مناسبًا

على الرغم من أننا كنا جميعًا هناك (حتى بالنسبة لأولئك الذين يتظاهرون بخلاف ذلك) ، إلا أن حفظ ملفات الصور بسرعة بأسماء مثل pffffffff و image_7 و img568 وما إلى ذلك ليس خيارًا جيدًا أبدًا.

خذ تلك الدقيقة الإضافية للعثور على عنوان فعال ووصفي لصورتك. إذا قمت بهذه الخطوة على الفور ، فلن تضطر إلى القيام بعمل مزدوج بعد ذلك.

احذر من الكثير من الأشياء الجيدة. لا تقم بتجميع سلسلة من الكلمات الرئيسية في صف واحد. يمكن أن تعاقبك الخوارزمية على مزاحمة الكلمات الرئيسية في صورتك. اختر دائمًا وسيطًا سعيدًا.

3. اختر نصًا بديلاً يتماشى مع عنوان صورتك

بمجرد اختيار عنوان الصورة ، تابع من خلال دمج نص بديل مناسب. هذا ، في الواقع ، هو أهم عنصر لفهرسة صورة مع العنوان وتحسينها. يهدف النص البديل إلى تقديم تفاصيل صورة بديلة عن التفاصيل المرئية فقط.

ثم وصف ما تراه في الصورة بالكلمات.

4. أدخل التسمية التوضيحية والوصف

التسمية التوضيحية والوصف ليسا أساسيين مثل العنوان والنص البديل. لكن يمكنهم إعطاء صلة أكبر بصورتك عند تحسينها.

التسمية التوضيحية هي النص الذي سيظهر على الصفحة أسفل الصورة مباشرةً أو بجانبها لتعزيز رسالتها وأهميتها.

الوصف مخصص لبرمجة الموقع الداخلية لفرز الصور ومعرفة محتوياتها. ليس له أهمية خاصة لتحسين محركات البحث.

5. حفظ الصور وتحميلها على موقع الويب الخاص بك

بمجرد إعداد الصورة وضغطها وتحسينها ، أيضًا لأغراض تحسين محركات البحث ، ما عليك سوى حفظها على جهاز الكمبيوتر الخاص بك. ثم قم بتحميله على موقع الاهتمام.

الاستنتاجات

غالبًا ما تم التقليل من أهمية الصور واعتبرت عنصرًا أسلوبيًا بحتًا. في الواقع ، من الضروري زيادة تحسين أداء موقعنا واتخاذ هذه القفزة الإضافية للوصول إلى قمة محركات البحث.

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

أخيرًا ، لا تنس أن قواعد التحسين نفسها (تقليل الوزن ، والنص البديل ، وما إلى ذلك) تنطبق أيضًا على رسائل البريد الإلكتروني الخاصة بك! اكتشفها جميعًا في دليل تصميم البريد الإلكتروني في MailUp!