Vous n'êtes pas identifié(e).
- Contributions :
- Vos boîtes de messages privés sont vides.
Pages :: 1
🟣 H1 en Flex Css
#1 2021-04-16 11:49:45
- Mention Darkmoule
- ♟️ Grade : Recruit
- Inscription : 2021-04-16
- Messages : 9
- Likes : 2
H1 en Flex Css
Hello tous,
Savez-vous comment charger la balise H1 et du texte SEO en premier dans le code source mais avec affichage en bas de page pour les visiteurs grâce à l’utilisation du flex CSS ?
Je vois pas comment l'intégrer dans le css.
Une idée ?
Merci.
🔴 Hors ligne
#2 2021-04-16 12:02:52
Re : H1 en Flex Css
<div class="parent">
<div class="text-seo">
<h1>Title H1</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officia ex quisquam voluptatem molestiae, laboriosam repudiandae blanditiis inventore sed corrupti,...<p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officia ex quisquam voluptatem molestiae, laboriosam repudiandae blanditiis inventore sed corrupti,...<p>
</div>
<p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis reiciendis excepturi sed officiis molestias explicabo nobis aperiam, deleniti voluptas magni asperiores numquam vero porro neque ea dolorum. Quaerat, excepturi fugiat!</p>
<p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis reiciendis excepturi sed officiis molestias explicabo nobis aperiam, deleniti voluptas magni asperiores numquam vero porro neque ea dolorum. Quaerat, excepturi fugiat!</p>
<p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis reiciendis excepturi sed officiis molestias explicabo nobis aperiam, deleniti voluptas magni asperiores numquam vero porro neque ea dolorum. Quaerat, excepturi fugiat!</p>
Dans ta feuille de style :
.parent{ display:flex}
.text-seo{
order :1 }
Par défaut order est à 0. Donc si tu n'attribues pas d'autres order tu peux laisser à 1. Si toutefois, tu appliques d'autres order, tu mets la valeur la plus haute pour mettre .text-seo en dernier.
Rejoignez-moi sur : Serpzilla > ZennoPoster > PlanetHoster > Appsumo
Soyez réalistes : Demandez l'impossible !
Ⓢ②ⓅⓇⓄⒹ
🔴 Hors ligne
#3 2021-04-16 12:17:16
#4 2021-04-16 13:36:35
- Mention NicolasWeb
- 🥈 Grade : Soldier
- Lieu : Besançon (France)
- Inscription : 2015-09-30
- Messages : 1 079
- Likes : 194
RédactionSémantique- Site Web
Re : H1 en Flex Css
Merci, je ne connaissais pas et ça va m'aider pour pas mal de trucs... 
🔴 Hors ligne
#5 2021-04-16 15:42:37
Re : H1 en Flex Css
Tu peux aussi le faire en JavaScript. C'est moins simple qu'une flexbox, mais disons que si tu n'intègres pas les flexbox dans ton site ça peut être utile.
const textSeo = document.querySelector('.text-seo')
if(textSeo == myParent.firstElementChild){
myParent.appendChild(textSeo)
}
Rejoignez-moi sur : Serpzilla > ZennoPoster > PlanetHoster > Appsumo
Soyez réalistes : Demandez l'impossible !
Ⓢ②ⓅⓇⓄⒹ
🔴 Hors ligne
#6 2021-04-16 19:05:58
- Mention poulpe_centriste
- 🥈 Grade : Soldier
- Inscription : 2018-07-03
- Messages : 572
- Likes : 171
🔴 Hors ligne
#7 2021-04-16 19:44:28
Re : H1 en Flex Css
Malin ! J'étais un peu confronté à cette problématique justement, je vais tester ça.
Certains d'entre vous ont-ils déjà des retours là-dessus ?
Mon nouvel outil d'optimisation sémantique : https://thot-seo.fr/ ★★★
Vous pouvez tester gratuitement depuis la home de Thot SEO
🔴 Hors ligne
#8 2021-04-19 11:52:44
#9 2021-09-24 19:29:41
Pages :: 1