Unlimited After Effects and Premiere Pro templates, stock video, royalty free music tracks & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Metadata
Photography

من Lightroom إلى WordPress: كيفية إنشاء صور محسنًا لـ SEO

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Digital Asset Management for Photographers (Learning Resource Guide).
How to Organize Your Photos in WordPress With WP Real Media Library
Getting Started With Photos for OS X

Arabic (العربية/عربي) translation by Aeni Amalia (you can also view the original English article)

WordPress هو جزء من البرامج التي تصل قدرتها إلى 25٪ من مواقع الويب. تستخدم المواقع الرئيسية مثل The New York Times و CNN و Forbes WordPress لتشغيل مواقعهم الإلكترونية. المواقع الكبرى مثل نيويورك تايمز وشبكة سي أن أن، ومجلة فوربس كل استخدام وورد إلى السلطة في مواقعها على شبكة الإنترنت.

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

صورة كبار المسئولين الاقتصاديين للمبتدئين

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

المعلومات الدلالية

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

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

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

في ما يلي أربعة أجزاء أساسية من تحسين معلومات تحسين محركات البحث لإضافتها إلى صورك:

أسماء الملفات

إذا لم تفعل شيئًا آخر ، فتأكد من إعادة تسمية صورك بطريقة تصفها. اسم ملف بسيط مثل "تغيير الحجم--صور--tutorial.jpg" تحسن هائل على مدى "IMG_9052.cr2." استخدام اسم ملف مع بعض الكلمات التي تصف فإنه سيؤدي إلى تحسين فرصها في العثور على.

عند التصدير من Lightroom ، فإن أفضل طريقة للقيام بذلك هي استخدام قسم "File Naming" في نافذة التصدير. نضع في اعتبارنا أننا نريد إعادة تسمية الصورة المصدرة، وليس الملف الأصلي. العثور على File تسمية  قسم والتحقق من  إعادة تسمية مربع  ثم اختر خيار القائمة منسدلة التي تتضمن "اسم مخصص" بحيث يمكننا أن نضيف النص المخصص الخاص بنا.

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

Custom Name - Sequence
استخدم خيار اسم مخصص لإعطاء أسماء ملفاتك فرصة أفضل للبحث. بعض الكلمات التي تصف محتويات الصورة تقطع شوطا طويلا!

نص بديل

نص بديل، أو "النص البديل"، يستخدم لتوفير وصف نصي لمحتويات الصورة. تذكر أن محرك بحث لا يمكن تحديد ما هو في صورة (حتى الآن) لذلك نحن بحاجة إلى مساعدته باستخدام النص البديل.

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

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

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

عناوين

يجب أيضًا احتواء عنوان الصورة في علامة HTML. يجب أن يكون العنوان نسخة أقصر من الوصف ، مع بعض الكلمات القليلة التي تشير إلى محتوى الصورة.

Image title text
يجب أيضًا تعيين عنوان صورة في HTML مع علامة "title =" في كتلة الصورة نفسها. مرة أخرى ، يجعل WordPress هذا سهل الإضافة.

العناوين آخر قطعة من اللغز لمساعدة محركات البحث بفهرسة الموقع. وورد يحتوي على حقل عنوان الذي سيساعد جهودنا جنوب شرقي أوروبا.

التسميات التوضيحية

فكر في التسمية التوضيحية كنص يظهر مباشرة بعد صورة توفر مزيدًا من التعليقات. لا تتم إضافة التسميات التوضيحية مباشرة إلى علامة صورة مباشرةً ، ولكن بالتأكيد تضيفها. في HTML5، <figcaption>العلامة جزء من <figure>الفريق، الذي أفضل حتى.</figure> </figcaption> يمكنك معرفة المزيد حول كيفية كتابة تسميات توضيحية فعالة في Dawn Oosterhoff التسمية التوضيحية ، الوصف ، العنوان ، ALT: كيفية إضافة معلومات دلالية إلى الصور. كتابة تسمية توضيحية قوية هي واحدة من أكثر تحت تصنيف المهارات وهي مفيدة لكل مصور!

رسم الخرائط الفوقية من لايت روم إلى WordPress

الآن بعد أن فهمنا أعمدة الصورة SEO ، دعنا نلقي نظرة على كيفية إضافتها بسهولة وسرعة لموقعنا القائم على WordPress. يمكننا المضي قدماعنوان صورة وتسمية توضيحية من كتالوج Lightroom الخاص بنا إلى WordPress.

في وحدة مكتبة Lightroom ، ابحث عن لوحة البيانات الوصفية على الجانب الأيمن يمكنك رؤية عنوان الصورة والتسمية التوضيحية.

عندما تقوم بتصدير صورة من Lightroom ، تأكد من تضمين " جميع البيانات الوصفية ". سيضمن ذلك حفظ العنوان والتسمية التوضيحية في صورة JPEG وسيتم قراءتها وتضمينها في WordPress.

Include metadata on export
تأكد من أنه عند تصدير صورة ، يجب أن تقوم بتضمين بيانات التعريف في الملف سيجعل ذلك البيانات الوصفية متاحة في WordPress

تحميل على وورد

بمجرد تصدير ملف صورة مسمى بدقة مع عنوان وتسمية توضيحية ، تكون مستعدًا لتحميله إلى WordPress. اذهب إلى مكتبة WordPressMedia وتحميل هذه الصورة كما تفعل عادة. ستحمل الصورة التي تم تحميلها نفس العنوان والتسمية التوضيحية التي قمنا بتعيينها في لوحة البيانات الوصفية لـ Lightroom!

Image Uploaded to WordPress
وأخيرا ، ثمار عملنا! العنوان والتعليق عليه نحن

ستحتاج إلى إضافة نص بديل يدويًا إلى الصور بمجرد وصولها إلى WordPress  للأسف ، لا يوجد حقل في Lightroom يقوم بتعيين "نص بديل" في WordPress. تذكر أن هذا هو النص المخفية في التعليمات البرمجية ل HTML التي سوف تساعد محركات البحث العثور وفهرسة الصور لدينا.

Alt text
سوف تحتاج إلى نص alt لإضافتها إلى الصور داخل "مكتبة الوسائط وورد".

بعد ضبط النص البديل ، اضغط على "تحديث" لحفظ الصورة. عندما تقوم بإدراجها في منشور أو صفحة ، فإن WordPress سوف يحمل البيانات الأولية ويتضمن البيانات الأولية التي أضفناها في شفرة HTML.

هذه الخطوات وسيلة مساعدة كبرى لتحسين صورة للويب. كما يمكننا أن نذهب خطوة أخرى إلى الأمام بتغيير حجم وضغط الصور للويب.

تغيير حجم للويب

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

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

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

الأبعاد

أبعاد الصورة الرقمية هي طول وعرض الصورة ، مقاسة بالبكسل. صورة على ما يقال "600 400 بكسل" يتم الاستدلال إلى 600 في العرض و 400 بكسل في الارتفاع.

الصور التي تم التقاطها مع بلدي كانون د 6 5472 x 3648 بكسل. الوقت الذي تراهم Tuts +، كنت مقيدة في التخطيط إلى 850 بكسل على الجانب البعيد. نظريا ، يمكنني تحميل الصورة كاملة ، ولكن بغض النظر عن ما سيظهر بحد أقصى 850 بكسل.

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

Web Size Simulation
توضح هذه المحاكاة مدى حجم الصورة الأصلية بدقة 10 ميغابكسل مقابل كيفية ظهورها على الويب. معاينة الصورة الكبيرة التي تراها هي النسخة المحجمة من 10 ميجا بكسل صورة أسر لي بالكامل. في الإطار الداخلي، مقارنة الحجم كيف يبدو Tuts +. صورة 10 ميجا كاملة عرض أكثر من 4000 بكسل في العرض، في حين يبدو في Tuts + المواد فقط 850 بكسل على الجانب البعيد. هذا مثال عظيم للسبب في تغيير الحجم مهم جداً.

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

جودة

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

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

Image quality comparison
تُظهر مقارنة جودة الصورة هذه بعض الاختلافات الدقيقة بين إعدادات الجودة المتنوعة. يمكن ملاحظة بعض الاختلافات في التفاصيل الدقيقة ، وكذلك الألوان في السماء.  لاحظ أنه في الصورة الأقل جودة ، هناك بعض "banding" في السماء (خطوط خفية) أثناء الصور ذات الجودة العالية. أعطتني الصورة ذات الجودة 25 صورة بحجم 91 كيلوبايت ، في حين كانت الصورة ذات الجودة 100 صورة بحجم 366 كيلوبايت. كل شيء عن إيجاد التوازن بين الجودة وحجم الملف.

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

يؤدي استخدام الخيار "تقييد حجم الملف إلى" إلى تجاوز شريط تمرير الجودة تمامًا. بدلاً من اختيار الجودة بين 0 و 100 ، يمكنك ببساطة تعيين أقصى حجم للملف (بالكيلو بايت) وسيقوم Lightroom باختيار إعداد جودة لك.

Limit File Size screenshot
يمكن استخدام مربع "تحديد ملف المساحة على" بدلاً من جودة المنزلق. عندما تقوم بالتدقيق في المربع في إطار التصدير، اختر الحجم الأقصى للملف للصورة الخاصة بك ولايت سوف تجعل من العمل.

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

إذا كنت تريد معرفة المزيد حول مفاتيح تغيير حجم الصور للويب ، فقم بمراجعة كتابتي من العام الماضي ، كيفية تصدير ملفات JPG للويب من Adobe Photoshop Lightroom. في حين أن التركيز في هذا البرنامج التعليمي هو البيانات الوصفية لكبار المسئولين الاقتصاديين ، لا يزال حجم الصورة جزءًا أساسيًا من عملية البحث. 

خلاصة & الحفاظ على التعلم

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

تجدر الإشارة إلى أن هناك العديد من المكونات الإضافية في WordPress ، أو الإضافات ، التي يمكنها أتمتة هذه العملية.  ومع ذلك ، يمكن للمكونات الإضافية التي لا يتم تحديثها بشكل متكرر فتح موقعك إلى ثغرات أمنية. لديك أيضا الاعتماد على مطور الحفاظ على البرنامج المساعد للتوافق مع الإصدارات الجديدة من وورد.  يشتمل المكونان الإضافيان الشائعان على WP / LR Sync و LR / Blog .

إذا كنت تريد معرفة المزيد عن WordPress ، فإن قسم Tuts + code يحتوي على ثروة من المحتوى لتعديل وتوسيع WordPress.   يحتوي قسم الصور والفيديو أيضًا على تغطية شاملة لـ Adobe Lightroom إذا كنت ترغب في تحسين هذه المهارات.

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

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


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.