Définition
L’attribut rel=“ugc” (User Generated Content) est une directive HTML introduite par Google en 2019 pour marquer les liens présents dans du contenu généré par les utilisateurs. Cet attribut permet aux moteurs de recherche de comprendre que le lien n’a pas été édité ou validé par le propriétaire du site.
Origine et contexte
Annonce Google 2019
Nouveaux attributs liens :
├── rel="sponsored" : Liens payants
├── rel="ugc" : Contenu utilisateur
├── rel="nofollow" : Reste inchangé
└── Combinaisons possibles
User Generated Content
Types de contenu UGC :
├── Commentaires blog
├── Posts forum
├── Avis clients
├── Q&A communauté
├── Profils utilisateurs
└── Wiki contributions
Implémentation technique
Syntaxe de base
<!-- Lien dans commentaire utilisateur -->
<div class="comment">
<p>Super article ! Voir aussi
<a href="https://site-externe.com" rel="ugc">
cette ressource
</a> qui complète bien.</p>
</div>
<!-- Combinaison UGC + nofollow -->
<a href="https://external.com" rel="ugc nofollow">
Lien utilisateur non-suivi
</a>
Automatisation CMS
// WordPress - Ajout automatique UGC
function add_ugc_to_comment_links($text) {
return preg_replace(
'/<a\s+href=/i',
'<a rel="ugc nofollow" href=',
$text
);
}
add_filter('comment_text', 'add_ugc_to_comment_links');
Différences avec autres attributs
Comparaison attributs
<!-- Lien éditorial (par défaut) -->
<a href="https://site.com">Lien normal</a>
<!-- Lien payant/sponsorisé -->
<a href="https://sponsor.com" rel="sponsored">
Partenaire
</a>
<!-- Contenu utilisateur -->
<a href="https://user-link.com" rel="ugc">
Lien commentaire
</a>
<!-- Pas de suivi SEO -->
<a href="https://untrusted.com" rel="nofollow">
Lien non-endossé
</a>
Signification pour Google
Interprétation Google :
├── Défaut : Editorial endorsement
├── sponsored : Relation commerciale
├── ugc : Utilisateur responsable
├── nofollow : Ne pas suivre
└── Combiné : Multiple significations
Cas d’usage appropriés
Forums et communautés
<!-- Message forum -->
<div class="forum-post">
<p>Utilisateur123 : J'ai trouvé la solution sur
<a href="https://stackoverflow.com/question" rel="ugc">
Stack Overflow
</a>, ça peut aider !</p>
</div>
Avis et témoignages
<!-- Avis client -->
<div class="review">
<p>"Excellent produit ! Comparable à
<a href="https://concurrent.com" rel="ugc nofollow">
la marque X
</a> mais moins cher."</p>
<span class="reviewer">Client vérifié</span>
</div>
Profils utilisateurs
<!-- Bio utilisateur -->
<div class="user-profile">
<h3>John Doe</h3>
<p>Développeur web chez
<a href="https://company.com" rel="ugc">
Tech Corp
</a></p>
<p>Blog personnel :
<a href="https://johndoe.blog" rel="ugc">
johndoe.blog
</a></p>
</div>
Modération et gestion
Stratégies de modération
// Validation automatique liens UGC
function validateUGCLink(url) {
const checks = {
spam_domains: checkSpamList(url),
malware: scanSecurity(url),
relevance: checkTopicRelevance(url),
trust: getDomainTrust(url)
};
if (checks.spam_domains || checks.malware) {
return 'block';
}
return 'allow_with_ugc';
}
Whitelist/Blacklist
Gestion listes :
├── Whitelist : Domaines autorisés sans UGC
├── Greylist : UGC requis
├── Blacklist : Bloqués totalement
└── Auto-modération : ML detection
Impact SEO
Transmission PageRank
Hypothèses Google :
├── UGC seul : Transmission partielle
├── UGC + nofollow : Pas de transmission
├── Editorial : Transmission complète
└── Sponsored : Valeur commerciale
Signaux qualité
Bénéfices UGC bien géré :
├── Engagement utilisateur élevé
├── Contenu frais régulier
├── Diversité liens naturelle
├── Communauté active
└── Trust signals renforcés
Outils et plugins
WordPress plugins
// Plugin détection automatique UGC
class UGCLinkManager {
public function __construct() {
add_filter('comment_text', [$this, 'add_ugc_attribute']);
add_filter('bbp_get_reply_content', [$this, 'add_ugc_attribute']);
}
public function add_ugc_attribute($content) {
$pattern = '/<a(?![^>]*rel=)([^>]*href=)/i';
return preg_replace($pattern, '<a rel="ugc"$1', $content);
}
}
Validation HTML
<!-- Vérification W3C valide -->
<a href="https://example.com"
rel="ugc nofollow noopener">
Lien UGC sécurisé
</a>
Bonnes pratiques
Implémentation recommandée
Guidelines UGC :
├── Auto-ajout sur contenu utilisateur
├── Modération préalable si possible
├── Combinaison avec nofollow si doute
├── Exceptions pour domaines trusted
├── Documentation process modération
└── Monitoring liens sortants
Éviter les erreurs
<!-- ❌ Erreur : UGC sur contenu éditorial -->
<article class="editorial">
<a href="https://source.com" rel="ugc">Source</a>
</article>
<!-- ✅ Correct : Editorial standard -->
<article class="editorial">
<a href="https://source.com">Source</a>
</article>
<!-- ✅ Correct : UGC réel -->
<div class="user-comment">
<a href="https://user-link.com" rel="ugc">Lien</a>
</div>
L’attribut UGC aide Google à mieux comprendre la nature des liens tout en permettant aux sites de maintenir des communautés actives sans risquer de pénalités.