Création de contenu marketing adaptatif

Vous pouvez créer du contenu marketing adaptatif afin qu'il soit optimisé pour les navigateurs Web sur les ordinateurs de bureau, les tablettes et les appareils mobiles.

Le contenu marketing adaptatif inclut des calques d'image et de texte en direct qui, contrairement aux images de texte, peuvent s'adapter à différentes dimensions de fenêtre d'affichage.

Le caractère adaptatif du contenu marketing permet de l'afficher sur différents appareils ou dans différentes fenêtres d'affichage sans compromettre la fidélité du contenu.

Procédure

  1. Voici une liste des règles de style générales :
    • Utilisez du code HTML pour placer les images et le texte dans des calques au lieu de les aplatir en une image unique.
    • Positionnez et adaptez les images en utilisant une feuille de style CSS qui s'adapte à la largeur des différentes fenêtres d'affichage.
    • Utilisez des requêtes de médias CSS pour charger conditionnellement des images réduites sur un appareil mobile.
    • Ajustez la taille des polices en utilisant des requêtes de médias CSS et laissez les blocs de texte se positionner naturellement afin qu'ils puissent être repositionnés ou redisposés dans des fenêtres d'affichage moins larges.
    • Prévoyez des alternatives ou des remplacements pour toutes les animations et les vidéos Flash, comme des images statiques, des animations HTML et des vidéos, car de nombreux appareils mobiles ne prennent pas en charge la technologie Flash.
    • Optimisez les images afin de préserver la bande passante et réduire le temps de téléchargement, en particulier sur les appareils mobiles.
  2. Voici un exemple de composition de contenu marketing adaptatif.

    Widget Recommandation de contenu superposé/Emplacement e-Marketing
    Où :
    • Le contenu de l'emplacement e-Marketing est créé en utilisant une structure multicalque (content is constructed by using a multi-layer structure (continuous repeating tile background distinct de l'image de l'objet de fond. Il s'agit généralement d'une image au format PNG transparent.
    • Pour les autres options de traitement visuel, il existe d'autres couches de procédures/CSS avec des dégradés transparents. Cela permet de modifier la géométrie ou les proportions d'un contenu très ajustable.
  3. Voici une liste des autres approches pour le contenu marketing adaptatif :
    • Créez des présentations spécifiques aux appareils avec différents contenus marketing adaptés aux différents appareils.
    • Le widget de recommandation de contenu par défaut adapte le contenu marketing non adaptatif (images de texte) afin qu'il corresponde à la largeur de l'emplacement, à un maximum de 100 %.
    • Des solutions tierces côté client et côté serveur sont disponibles pour extraire ou afficher des images et des vidéos en fonction de la largeur de la fenêtre d'affichage ou de l'agent utilisateur du navigateur.