إكراميات المدونة: RobNeville.net

إيداع الصور 8149018 ثانية

التالي في قائمة المدونات التي يجب إرشادها هو RobNeville.net. تدور مدونة Rob حول "الجانب الإنساني للتكنولوجيا ، من وجهة نظر الواجهة وقابلية الاستخدام وكذلك من حيث التطبيقات العملية".

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

إليك نصائح المدونة الخاصة بك:

  1. كنت ألقي نظرة فاحصة على جوانب التباعد في الشريط الجانبي الخاص بك ولاحظت أنك تستخدم علامة الامتداد لعنوان أقسام الشريط الجانبي (span class = ”title”). كنت أحاول تباعد العنوان بالتساوي من المعلومات الموجودة أدناه في كل قسم من أقسام الشريط الجانبي ولكن لم أتمكن من اختراقه فقط باستخدام Firebug. ومع ذلك ، فأنا على يقين من أنه يجب عليك تجربة علامة h3 بدلاً من الامتداد ، وببساطة قم بتعيين معلمات نمط h3 بنفس طريقة #sidebar .title class. (استخدم #sidebar h3).

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

  2. حاول تعيين ارتفاع في رأس الصفحة وتوفير مساحة صغيرة بين معلومات العنوان وإعلان Google - مرة أخرى ، يبدو هذا مشغولًا بعض الشيء:
    #headwrap {padding-top: 1em؛ الارتفاع: 95 بكسل ؛ }
  3. يمكنك تسوية المحتوى الخاص بك والشريط الجانبي بهامش بسيط في نمط المحتوى الخاص بك:
    #content {float: left؛ العرض: 540 بكسل ؛ أعلى الهامش: 10 بكسل ؛ }
  4. نظرًا لأنه تم ترك المحتوى الخاص بك مبررًا وكان الشريط الجانبي على اليمين ، فربما يمكنك الاختبار باستخدام صفحة مبررة في الوسط:
    #rap {لون الخلفية: #FFFFFF ؛ الهامش الأيسر: تلقائي ؛ الهامش الأيمن: تلقائي ؛ الحشو: 6 بكسل ؛ العرض: 750 بكسل ؛ }

    لاحظ أنني قمت أيضًا بتعديل عرض المحتوى والصفحة - وقمت بتعديلها على نطاق أوسع قليلاً.

  5. لقد لاحظت وجود عنصرين آخرين في ورقة الأنماط الخاصة بك تم تعريفهما ولكنهما غير مستخدمين - تقويم wp والديمقراطية. أنا مذنب بتنظيف ورقة الأنماط الخاصة بي أيضًا ، ولكن مجرد ملاحظة أن كل جزء مهم (يقصد التورية) عندما تقوم بتحسين ورقة الأنماط الخاصة بك للتنزيل السريع!
  6. لم ألاحظ اسمًا تعريفيًا أو وصفًا في رؤوسك! هذا مفيد للغاية لمحركات البحث - لا أعرف أن له تأثيرًا كبيرًا على ترتيبك ، لكنه بالتأكيد يساعد عندما يقرأ الناس المقتطفات في محرك البحث. هذا منشور قمت به على بعض المكونات الإضافية وبعض التخصيصات التي يمكنك القيام بها الاستفادة الكاملة من العلامات الوصفية في تصميم السمة الخاصة بك.
  7. تأكد من إضافة السطر التالي إلى صفحة robots.txt الخاصة بك:
    خريطة الموقع: http://www.robneville.net/sitemap.xml

    يعد توجيه ملف Sitemap إلى محركات البحث ميزة جديدة لـ بروتوكول خريطة الموقع - تأكد من الاستفادة منه!

  8. أنا أحب الصفحة والصور! يبدو أنك مصور فوتوغرافي ... ربما يمكن لشارة flickr أو موجز flickr المنشور في الشريط الجانبي أن يضيف بعض الألوان والشخصية إلى مدونتك.
  9. إذا كنت تركز بعض المحتوى الخاص بك على مدونتك ، فتأكد من الاستفادة من عرض المنشورات ذات الصلة عبر المكون الإضافي للمنشورات ذات الصلة. يرى # 8 في نصيحة مدونتي الخاصة بمزادات PGA.
  10. في المنشورات الأطول ، أوصي باستخدام العناوين (h1 ، h2 ، h3) والقوائم النقطية للفصل أو قطعة المحتوى الخاص بك. تساعد العناوين في ترتيب المحتوى الخاص بك بالإضافة إلى جذب انتباه القراء.

روب ، شكراً جزيلاً لإتاحة هذه الفرصة لي! آمل أن يساعد هذا في تعديل أسلوبك كما يجلب لك المزيد من الزوار!

كيفية الحصول على مدونتك الإكرامية

إذا كنت ترغب في مدونتك يميل، ما عليك سوى اتباع التعليمات الموجودة على مدونة البقشيش.

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.