Administration du forum

P6X330 a écrit:J'utilise https://www.w3schools.com/html/html_images.asp

AlphaTango16 a écrit:

P6X330 a écrit:J'utilise https://www.w3schools.com/html/html_images.asp

Je connais, je suis dev front-end. ^^

Drakov Yerno a écrit:Bon je vous laisse parler péruviens hein

Drakov Yerno a écrit:LE HTML A ETE ACTIVER :!:

Code:

<img src="https://farm5.staticflickr.com/4503/37885496246_a126b2ddbd_o.jpg" style="max-width: 100%; height: auto;" alt="">

• Concernant le référencement naturel et le positionnement dans les résultats d'un moteur de recherche (SERP)
  
  Il faut que ces moteurs de recherche aient du contenu à indexer, qu'il soit pertinent, en rapport avec le thème traité par le forum et régulièrement mis à jour. Autrement dit, il est nécessaire de continuer à poster de nouveaux sujets sur WoT et de reprendre ceux archivés sur wayback machine pour les publier.
  
  Les titres des sujets doivent être clairs et explicites (éviter les généralités qui ne donnent aucune indication sur le contenu).
  
  il serait préférable de modifier la description du forum pour qu'elle soit en adéquation avec le contenu (Exemple : La communauté francophone WoT console ou La communauté francophone de référence WoT console, ou etc.).
  
  Il faut aussi indiquer cette description dans la meta description (Panneau d'admin => onglet général => Promotion du forum =>  Les moteurs de recherche => Description du site)
  C'est le contenu de cette meta qui est affiché par défaut comme description du forum dans les SERP et qui doit donner envie de venir à l’utilisateur.
  Profites-en pour supprimer "créer un forum :" dans le champ de cette description.
  
  Quelques backlinks seraient un plus non négligeable. J'en ai mis un dans la description de mon forum bien qu'il soit récent et sans contenu réel (mais il est tout de même indexé).
  
  L'idéal serait d'utiliser un certificat SSL pour afficher les pages avec le protocole https car google va de plus en plus privilégier les sites sécurisés... mais c'est une option payante chez forumactif. :/
  
  Et il faut de la patience, les moteurs de recherchent crawlent déjà le forum et vont le faire naturellement apparaitre dans les SERP si tant est qu'il y ait du contenu.
  
  
  
• Concernant l'aspect du forum
  
  Il ne faut surtout pas le surcharger graphiquement, la consultation doit rester claire et agréable si l'on souhaite garder les visiteurs.
  Exemple concret de ce qu'il faut éviter, l'image de fond actuelle du forum ne permet pas de voir correctement le fil d'Ariane :
  
  
  
  
• Pour le problème de taille des images, et afin d'éviter le HTML dans les messages, tu peux ajouter des règles CSS persos depuis le panneau d'administration.
  
  Onglet Affichage => Images et Couleurs => Couleurs => Onglet Feuille de style CSS => Ajoute ça dans le champ de texte et valide :
  

  Code:

  .post-entry img {
    max-width: 100%;
    height: auto;
}

  Désormais, toutes les images postées dans les messages seront affichées automatiquement dans leurs dimensions d'origine sauf si elles sont trop large, auquel cas leur largeur sera adaptée à celle de la fenêtre du navigateur.
  
  

Drakov Yerno a écrit:En tapant World of Tanks console france forum sur le net il est en général en 5 ème position de résultat c'est un début !

Code:


img {max-width: 100%;height: auto;}


AlphaTango16 a écrit:Il faut aussi indiquer cette description dans la meta description (Panneau d'admin => onglet général => Promotion du forum =>  Les moteurs de recherche => Description du site)
C'est le contenu de cette meta qui est affiché par défaut comme description du forum dans les SERP et qui doit donner envie de venir à l’utilisateur.
Profites-en pour supprimer "créer un forum :" dans le champ de cette description.

• Création d'un champ de contact
  
  Panneau d'admin => onglet Utilisateurs & Groupes => Profils => onglet Champs contact
  
  
  
  
• Sur la page suivante, on va créer le premier champ correspondant aux statistiques WoT de l’utilisateur.
  
  
  
  1/ Renseigne le nom du champ (Ex : Profil WoT).
  2/ On va indiquer à l'utilisateur de renseigner l'URL vers ses stats ((Ex : URL du profil WoT)).
  3/ Tu peux utiliser cette URL : https://i.servimg.com/u/f62/19/79/79/82/th/mystat10.png (ou héberger une icône toi-même).
  4/ Sélectionne Non, on n'oblige personne à renseigner le champ.
  5/ On affiche le champ dans les messages et le profil du forum.
  6/ Inutile de surcharger, sélectionne Texte.
  7/ Seul l'utilisateur peut modifier ses champs personnels.
  8/ On affiche ces champs uniquement aux membres enregistrés.
  9/ Sélectionne Adresse internet.
  10/ Enregistre.
  
  
  
• Pour le clan, tu fais la même chose que pour les stats, exemple :
  
  1/ Clan WoT
  2/ URL du clan WoT
  3/ Tu peux utiliser cette URL : https://i.servimg.com/u/f62/19/79/79/82/myclan10.png (ou héberger une icône toi-même).
  4/, 5/, 6/, 7/, 8/, 9/, 10/ Idem que pour le champ précédent.
  
  
  
• Voilà, les champs sont créés et chacun peut les renseigner dans son profil forum s'il le souhaite.
  
  Exemple pour un profil : https://console.worldoftanks.com/fr/stats/players/0123456789/
  Exemple pour un clan : https://console.worldoftanks.com/fr/clans/xbox/ABCDE/
  
  
  
• Maintenant on va tricher un peu pour que l'infobulle au survol des icônes qui affiche par défaut "Visiter le site web du posteur" corresponde à chaque nouveau champ.
  
  Panneau d'admin => onglet Modules => Gestion des codes Javascript
  
  Activer la gestion des codes Javascript : Oui
  
  Créer un nouveau javascript :
  
  
  
  • Titre : Infobulle clan et profil WoT
    
  • Placement : Sur toutes les pages
    
  • Colle cette portion de code et valide :
    

    Code:

    $(function(){
 $('.postprofile-head img[src$="mystat10.png"], #profile-advanced-details img[src$="mystat10.png"]').parent().attr('title','Voir le profil WoT de l’utilisateur');
 $('.postprofile-head img[src$="myclan10.png"], #profile-advanced-details img[src$="myclan10.png"]').parent().attr('title','Voir le clan de l’utilisateur');
});

    
    
  
  Si tu as hébergé toi-même des images, il faudra que tu me donnes leurs URL et qu'on modifie un peu le bout de code ci-dessus.