Conception d'une page e-commerce entièrement optimisée SEO et accessibilité
السيناريو
Contexte : Vous devez refondre la page produit principale d'un site e-commerce générant un trafic important. Le Problème : La structure actuelle nuit au référencement et à l'accessibilité : balises non sémantiques, absence de microdonnées, hiérarchie incohérente et images mal décrites. Contraintes : Utiliser exclusivement HTML5 natif. Intégrer microdonnées schema.org, balises sémantiques complètes et attributs d'accessibilité. Aucun JavaScript autorisé. Livrable attendu : Concevoir une page produit complète incluant header, nav, main, article, section, footer, microdonnées produit (itemscope, itemtype, itemprop), hiérarchie de titres cohérente et images accessibles.
المهارات المستهدفة
حالات تطبيقية أخرى في HTML5
- Correction d'une structure HTML sémantique mal définieأساسي
- Création d'un formulaire multi-étapes structuré sémantiquementمتقدم
- Création d'un formulaire HTML5 avec validation nativeأساسي
- Implémentation correcte d'une zone multimédia avec fallbackمتقدم
- Création d'un tableau de données structuréأساسي
- Implémentation d'une navigation accessible avec ARIA de baseمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى