Les Keywords servent à correctement référencer notre site et le rendre pertinent.
Afin d'avoir le plus de chances possibles que les gens tombent sur notre site, il faut mettre le mot "café" pour tomber sur le site de café d'orge.Le café d'orge est peu répendu, ainsi pour que les utilisateurs trouvent notre site et qu'ils puissent avoir l'alternative du café traditionnel, il parait important de mettre ce mot clef.
La tendance en ce moment revient aux céréales dans les produits alimentaires ou encore dans les boissons comme les infusions. Ainsi, avec ce mot clef, les utilisateurs pourront découvrir qu'il existe aussi le café à base d'orge.
L'orge est présent au sein de plusieurs aliments comme nous le disions, mais l'orge torréfié est une céréales torréfiée propre à elle même grâce à laquelle nous pouvons réaliser du café d'orge. Cette boisson est de plus en plus répendu chez les personnes cherchant des alternantives à la caféine et à la théine, mais cela ne veut pas dire qu'elles connaissent le nom exacte. Ces personnes peuvent en revenche se souvenir que cela est fabriqué à base d'orge.
Pour créer le style CSS: /* ========================= STYLE GÉNÉRAL ========================= */ body { font-family: "Georgia", "Times New Roman", serif; background-color: #f4efe9; /* beige clair, céréales */ color: #3b2a1a; /* brun café */ margin: 0; padding: 0; line-height: 1.7; } /* ========================= TITRES ========================= */ h1 { background-color: #6f4e37; /* brun café */ color: #f8f1e7; text-align: center; padding: 25px; margin: 0; font-size: 2.4em; letter-spacing: 1px; } h2 { color: #8b5a2b; /* caramel */ border-bottom: 2px solid #c2a178; padding-bottom: 5px; margin-top: 40px; } /* ========================= PARAGRAPHES ========================= */ p { max-width: 900px; margin: 20px auto; padding: 0 20px; font-size: 1.05em; } /* ========================= LIENS ========================= */ a { color: #6f4e37; text-decoration: none; font-weight: bold; } a:hover { color: #a47148; text-decoration: underline; } /* ========================= IMAGE ========================= */ img { display: block; margin: 40px auto; border-radius: 8px; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25); } /* ========================= MISE EN PAGE ========================= */ body > p:first-of-type { text-align: center; margin-top: 30px; } /* ========================= EFFET VISUEL DOUX ========================= */ p, h2 { animation: apparition 0.8s ease-in-out; } @keyframes apparition { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }