it-swarm.asia

متى يجب أن أفكر في الحصول على نص كصورة في عنوان موقع الويب الخاص بي

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

4
leora

أسباب استخدام رأس الصورة مع النص:

  • النص ليس ضروريا لكبار المسئولين الاقتصاديين.
  • لا يمكن إعادة إنتاج الخط على الويب.
  • تم دمج النص بشكل وثيق للغاية مع شعار لفصل الاثنين.

أسباب استخدام النص كرأسك:

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

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

6
Virtuosi Media

IMO ، مع هذا النوع من الأشياء ، يجب أن تكون أكثر اهتمامًا بقابلية الاستخدام/إمكانية الوصول من SEO (لأن SEO سوف تميل إلى الاعتناء بنفسها). يعد عنوان الصفحة جزءًا مهمًا جدًا من المستند ؛ تريد أن تكون في متناول الجميع.

ومع ذلك ، فإن استخدام alt أو استخدام JS لاستبدال عنوان نص مع صورة/فلاش هو حل وسط جيد. يمكنك الاحتفاظ بإمكانية الوصول ولا يزال لديك نص جميل نظيف.

الأسباب المشروعة الأكثر شيوعًا للقيام بذلك هي:

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

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

أشياء للإعتبار:

  • لا يمكنك تمييز هذه النسخ أو لصقها. لذا ، حتى لو كنت تستخدم نص بديل أو JS-replacement ، فإن قابلية الاستخدام تتأثر إلى حد كبير. هذه مشكلة أقل إذا كانت العناوين قصيرة وبسيطة (على سبيل المثال "من نحن" ، "جهة الاتصال" ، "الأخبار" ، إلخ) ، ويمكنك تخفيف ذلك باستخدام Flash ، على الرغم من أن ذلك يأتي مع مشاكله الخاصة.
    • في ملاحظة شخصية ، أستخدم مكونًا إضافيًا يسمى "البحث عن السياق" ، والذي يتيح لي تمييز النص في الصفحة وإجراء بحث سريع باستخدامه من قائمة السياق باستخدام أي من أدوات البحث التي قمت بتثبيتها في Firefox. وبالمثل ، يستخدم العديد من الأشخاص ملحقات أداة تلميح الأدوات التي تتيح لهم البحث بسرعة عن كلمة في صفحة فقط بالنقر المزدوج عليها. فلاش يعطل هذا تماما ، وهو أمر مزعج للغاية.
  • لا يمكنك تغيير حجم النص ديناميكيًا كما يحب بعض الأشخاص القيام به. لذلك ، إذا أراد شخص ما تقليل حجم الخط لعرض المزيد من النص على الشاشة ، أو زيادة حجم الخط لقراءة النص بشكل أفضل ، فسيكون هذا هو SOL. هذا مهم بشكل خاص لضعاف البصر وأولئك الذين يستخدمون متصفحات المحمول.
  • الصور لا التفاف النص جيدا. لذلك يمكن أن أولئك الذين يستخدمون شاشات دقة أقل لديهم بعض مشاكل التخطيط الرئيسية. قد يكون الفلاش أفضل قليلاً إذا تم دمجه مع نوع من حل JS.
  • حتى لو قمت بتضمين نص بديل ، فأنت تغير الهيكل الدلالي للصفحة. يمكن أن يكون لذلك عواقب على برامج زحف الويب وقارئات الشاشة والبرامج الأخرى التي تعالج صفحات الويب. مرة أخرى ، يمكن أن يؤدي استخدام بديل JS إلى تخفيف هذا إلى حد كبير.

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

تحرير:
هناك شيء آخر - أحد الحلول الممكنة التي يستخدمها كثير من الناس (ولكن هناك بعض الاختلاف حول أخلاقيات) هو استخدام صورة ثم إخفاء عنصر span يحتوي على النص خلف الصورة أو إيقاف تشغيله. -شاشة. هذا يعني أن برامج الزحف يمكنها رؤية النص ، وحتى قارئات الشاشة ، وهذا يتطلب فقط CSS وبدون دعم JS. بعض الأشخاص يعتبرون هذا "غير مرغوب فيه" ، لكنني أعتقد أنه من المشروع إذا كنت تستخدم هذه التقنية لوصف الصور النصية بدلاً من حشو الكلمات الرئيسية أو تحسين محركات البحث.

4
Lèse majesté