Bonjour, chers lecteurs. Même si je parle souvent de la balise titre dans mes articles comme de l’élément le plus important dans l’optimisation interne d’un site Web, je n’ai pas encore eu le temps de lui consacrer un article entier.
La raison en est simple, car. Je gère mon blog sur la plateforme Blogger, le titre est généré automatiquement à partir du titre de l'article, j'ai donc consacré de nombreux articles aux titres dans la balise h1, et en même temps j'étais déraisonnablement silencieux sur Balise HTML titre.
Comme je l'ai déjà dit, le titre est la balise la plus importante, et pas seulement du point de vue de l'optimisation et promotion sur les moteurs de recherche, mais aussi du côté de l'utilisateur. Mais commençons dans l'ordre.
Titre en anglais signifie titre, donc le titre dans un document HTML est le titre de la page. Et c’est la signification la plus importante de cette balise. N'oubliez pas que dans l'article, j'ai déjà dit qu'absolument tout document HTML avait une certaine structure :
Voici le titre de la page en balises
Informations techniques sur le document
Voici le contenu principal du site, les articles qui ont des titres dans les balises :
Titre du site ou de l'article
contenu du site
La balise Title est donc le titre du document/de la page HTML. On peut dire qu'il s'agit de Informations techniquesà propos du document. Ces informations sont cachées aux yeux des utilisateurs directement sur le site, mais tous les navigateurs et moteurs de recherche les utilisent.
Comment les navigateurs utilisent-ils le titre ?
Si tu regardes à gauche coin supérieur navigateur, vous verrez des informations sur la page sur laquelle ce moment tu es. Si vous regardez un onglet du navigateur et déplacez votre souris dessus, vous verrez également des informations sur la page. Par exemple, j'ai pris mon article sur les titres SEO :
Tout ce que j'ai surligné en jaune dans l'image correspond aux informations contenues dans la balise Title.
Comment les moteurs de recherche utilisent-ils le titre ?
Pour moteurs de recherche La balise Title est également d’une grande importance. Il s'agit de la première information qu'un moteur de recherche reçoit sur le contenu d'une page. Après tout, on se souvient que le titre se trouve presque au tout début du document, et que tous les robots de recherche indexent les pages de haut en bas.
Parce que c'est la toute première information que vous recevez robot de rechercheà propos de notre page, nous devrions essayer d'indiquer dans la balise de titre la définition la plus importante et la plus précise du contenu ultérieur.
Mais ce n'est pas tout. Le moteur de recherche utilise également le contenu de la balise title dans les résultats. Résultats de recherche. Lorsqu’un utilisateur pose une requête à un moteur de recherche, ce dernier fournit une réponse sous forme de liens avec des descriptions vers des ressources qui répondent à la requête de l’utilisateur.
Si nous regardons la page du site trouvé, nous verrons un en-tête différent :
Ceux. Le moteur de recherche nous montre les informations contenues dans la balise titre, tandis que le titre de l'article dans la balise h peut être complètement différent.
Maintenant, le plaisir commence. Parce que Le titre de la page est utilisé dans les résultats de recherche ; c'est un indicateur, tant pour les moteurs de recherche que pour les utilisateurs, de l'utilité et de la qualité de la ressource trouvée.
Que signifie l'indicateur ? Si le titre n'est pas informatif, lors de l'affichage des résultats de recherche, l'utilisateur ne peut pas cliquer sur le lien et accéder à votre site. Dans la situation inverse, si le titre est surchargé informations inutiles, alors l'utilisateur peut également ne pas vouloir accéder à votre site. Il s'ensuit que le titre doit être très information précise, répondant à la demande de l'utilisateur.
Je ne dirai pas que l'exemple est parfait, et tout SEO est basé sur des nuances et il est impossible de dire quoi que ce soit avec 100% de confiance, mais essayons de le comprendre (image cliquable) :
J’ai donc souligné en rouge les liens les plus attractifs, respectivement le titre. Dès les premiers mots, je peux juger que le site vend ce dont j'ai besoin et avec plus probable Ce sont les liens sur lesquels je cliquerai en premier. Bien sûr, je ne peux pas dire que ces titres sont idéaux, car... toujours surchargé d'informations qui ne me sont pas nécessaires. Il en va de même pour les liens surlignés en bleu. Pourquoi ai-je besoin d'un article ou, par exemple, la marque n'a peut-être pas du tout d'importance pour moi. La présence de telles informations disperse mon attention et peut également constituer un obstacle pour avancer. cette demande.
J'ai surligné en gris le titre le moins attrayant, il est plus long qu'il ne devrait l'être, il a donc été coupé par le moteur de recherche dans les résultats. En raison du grand nombre de mots, qui sont essentiellement une liste de tout ce qui est possible, le titre semble très peu attrayant. Je ne peux pas déterminer immédiatement s'ils vendent exactement ce dont j'ai besoin.
Après avoir examiné ces exemples, nous pouvons tirer des conclusions sur ce que devrait réellement être le titre afin de servir d'assistant fidèle à la promotion, d'être attractif pour les utilisateurs, de les inciter à cliquer sur le lien et également de véhiculer les informations les plus importantes.
Comment utiliser efficacement le titre pour la promotion
Il est clair que le titre doit contenir des mots-clés, mais il est important de veiller à ce que les mots-clés soient le plus près possible du début voire à ce que le titre commence par mots clés. Cela améliorera non seulement le taux de clics du lien, mais facilitera également la promotion des requêtes.
Vous pouvez utiliser le même mot-clé deux fois dans le titre. Par exemple:
Balise de titre HTML : utilisez efficacement le titre du titre de la page.
Dans l'exemple, le mot-clé titre apparaît deux fois.
Le titre ne doit pas être un ensemble de mots-clés, mais doit être une expression significative.
Il est très important d’éviter les signes de ponctuation à l’intérieur du titre qui sont placés à la fin de la phrase. Le fait est que les moteurs de recherche prennent en compte les passages du texte.
Un passage est une pensée complète. Ceux. Chacune de nos phrases est un passage. Tous les mots contenus dans une phrase sont pris en compte par le moteur de recherche dans leur ensemble. Dès qu'on met un point, on sépare les mots précédents des suivants.
Il est donc très important de ne pas séparer vos phrases clés par des signes de ponctuation indiquant la fin d'une phrase - point (.), point d'interrogation (?), Point d'exclamation(!). Comparons deux en-têtes :
Balise de titre HTML - utilisez efficacement le titre du titre de la page
Balise de titre HTML. Utilisez efficacement le titre du titre de la page.
Dans le premier cas, par exemple, mon article peut être trouvé par des phrases :
- titre de la page HTML
- balise de titre de page
Dans la deuxième version, tel Expressions-clés Cela ne fonctionnera plus. Il y a un point entre les mots, séparant un passage du suivant.
Il convient de prêter une attention particulière à la longueur du titre, ici non plus tout n'est pas simple.
Premièrement, malgré le fait qu'il soit recommandé de le maintenir dans la limite de 80 caractères, lors du calcul du titre directement dans les résultats de recherche, la longueur maximale est légèrement supérieure à 60 caractères. Il est probable que le moteur de recherche prenne en compte 80 caractères dans le titre, mais coupe toujours le titre long dans les résultats. Il convient également de considérer qu’un titre recadré semble moins attrayant qu’un titre non recadré.
Deuxièmement, il convient de considérer la densité du titre. Plus il contient de mots, plus la signification du titre se répartit entre tous les mots qu’il contient. En conséquence, que moins de mots, plus ils acquièrent de poids aux yeux du moteur de recherche.
Par conséquent, essayez de créer des titres concis qui reflètent l’essence de la page, mais clairs. Cela améliorera non seulement votre classement dans les moteurs de recherche, mais augmentera également votre taux de clics.
Il s'ensuit qu'il vaut la peine d'optimiser la page pour une ou deux requêtes connexes afin que le titre ait un poids maximum.
À cet égard, la structure du titre
|titre de la page|
préférable à
|Titre de la page|Nom du site|.
Pendant longtemps, j'ai utilisé la structure de titre de la deuxième option, mais maintenant mon titre ne contient que le titre de la page/le titre de l'article.
En suivant ces règles simples, vous pouvez promouvoir plus efficacement et attirer plus de visiteurs des moteurs de recherche.
P.S. Quelqu’un pourrait se demander : qu’est-ce que le pain a à voir avec cela sur la photo ? Le pain est à la tête de tout, le titre est aussi important dans la création de sites Web et le référencement que le pain l'est dans nos vies :).
Balise TITRE HTMLtitre de la page du site Web lorsqu'il est compilé correctement, duplique le titre (titre) de l'article, formaté avec la balise H1. Plus le contenu est précis, plus une page a de chances d’atteindre le sommet du classement. balise de titre TITRE correspond requête de recherche.
Lors de l'analyse balise de titre TITRE un certain nombre de facteurs sont pris en compte : la présence de mots-clés dans celui-ci, la distance entre les mots-clés (lors de l'utilisation d'une phrase clé), ainsi que la distance des mots-clés correspondant à la requête depuis le début du titre.
N'oubliez pas que le titre dont les mots-clés sont les plus proches du début a une priorité plus élevée. Autrement dit, Titre de la balise TITLE vous devez le composer de manière à ce que les mots-clés principaux soient situés plus près du début de la phrase (dans les 65 premiers caractères).
La tâche est difficile, mais réalisable (à condition que la page soit optimisée pour certains un requête de recherche, et non pour tous les mots-clés à la fois). Titre Balise TITRE ne doit pas comporter le nom du site, être trop court et identique pour toutes les pages du site.
Il faut comprendre que le contenu (c'est-à-dire le texte inclus dans la balise) de la balise méta TITLE est très important, tant pour les moteurs de recherche que pour les visiteurs de votre ressource Web. Les moteurs de recherche, lors de l'affichage des résultats de recherche, attachent grande importance la présence et l'emplacement des mots-clés contenus dans la balise TITLE, et les visiteurs voient son contenu comme un lien vers le site dans les mêmes résultats de recherche. De plus, le contenu de cette balise méta est également affiché dans le titre de la fenêtre du navigateur (tout en haut de la fenêtre).
La capture d'écran ci-dessus montre à quoi ressemble le contenu de la balise TITLE dans les résultats de recherche Google, à titre d'exemple. Affichage des cinq premiers résultats pour "Tag TITLE" (flèche bleue). Comme vous pouvez le constater, la page sur laquelle vous vous trouvez actuellement occupe la deuxième place dans les résultats de recherche pour cette requête (flèche rouge).
Grâce au code HTML, la balise méta TITLE se situe sur la page entre les balises
< /head>comme ci-dessous :
C'est cela (le texte dans le titre) que l'on voit dans les résultats de recherche, c'est le facteur le plus important dans la correspondance d'une page donnée avec la requête de recherche effectuée selon les algorithmes de tous les moteurs de recherche.
À la fin de cette section, je note que le titre se situe presque au début du bloc d'en-tête de la page Web et n'est pas inclus dans le corps de la page - le bloc de corps. Cette remarque sera nécessaire ci-dessous.
Corriger le titre de la page
On parle du bon titre de page d’un point de vue optimisation, et on ne parle pas encore de l’écriture littéraire du titre. Cela signifie que les paramètres pragmatiques du titre sont importants pour nous : l'inclusion de mots-clés, sa longueur, l'inclusion de mots vides, l'utilisation de signes de ponctuation. Aller.
Clés dans le titre
Nous nous tournons vers la « loi » et au paragraphe 12 200 Facteurs Google(lien ci-dessus), lire :
Une balise de titre commençant par une phrase clé (mot) donne un effet promotionnel plus important que lorsqu'elle se trouve dans une autre partie du titre.
Comme vous pouvez le constater, selon Google, non seulement la présence d’une phrase clé dans le titre n’est pas remise en cause, mais il est également fortement recommandé de placer la clé de la page au tout début du titre.
Voyons ce que Yandex dit à ce sujet. https://yandex.ru/support/webmaster/recommendations/presentation.xml
Le titre de la page est le texte défini par la balise
. Avec son aide, le webmaster indique clairement au moteur de recherche ce qui est contenu sur la page... en quelque sorte, <a href="https://rokwell.ru/fr/vizitnaya-kartochka-na-android-kak-importirovat-vcf-dlya-android-v-easy-way-import/">carte de visite</a> votre ressource. C'est bien si le titre contient non seulement des mots-clés, mais est également informatif et pertinent.</p> </blockquote><p>Comme vous pouvez le constater, la position de Yandex concernant l'inclusion de la clé dans le titre de la page est similaire, mais il n'y a aucune recommandation pour la placer au début du titre.</p><p>Cependant, il est important que la phrase clé du titre corresponde à la longueur de titre « standard » dont dispose chaque moteur de recherche.</p><p><b>Premièrement</b>, la longueur du titre de la page peut être quelconque. Vous pouvez insérer au moins un paragraphe entier dans le titre. Les moteurs de recherche couperont simplement le titre et en utiliseront le début, en ajoutant des points de suspension après la coupure.</p><p>Cela signifie que la longueur de titre recommandée est importante pour atteindre la longueur de clé de page. Et il est raisonnable, en raison de l'évolution des règles des moteurs de recherche, de placer la phrase clé plus près du début du titre, afin qu'après le prochain changement des règles, vous n'ayez pas à réécrire tous les titres.</p><p><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-title.png' align="center" width="100%" loading=lazy loading=lazy><br><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-dlina-title.png' align="center" width="100%" loading=lazy loading=lazy></p><p><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/optimalnaja-dlina-title-seo.png' align="center" width="100%" loading=lazy loading=lazy></p><ul><li>La longueur du titre de la promotion Yandex ne dépasse pas 15 mots ou 80 caractères ;</li><li>Google prend en compte les 12 premiers mots du titre soit 70 caractères.</li> </ul><p>En pratique, je n'ai pas trouvé de titres non coupés de plus de 55 caractères dans les résultats Yandex ou Google. De plus, Yandex coupe très souvent un titre long à 35-39 caractères.</p><p>Sur mes sites, je ne pense pas à la longueur du titre. Sur les sites WordPress, la longueur du titre est surveillée par le plugin SEO, mais sur Joomla, j'écris simplement la clé au début et je donne une longueur de titre raisonnable.</p><h3>Mots vides</h3><p>La langue russe est riche en mots de liaison que les moteurs de recherche considèrent comme inutiles. Ceux-ci incluent des parties auxiliaires du discours, des pronoms et des mots qui n'ont pas de signification supplémentaire. Ils sont automatiquement exclus de la demande de l'utilisateur.</p><p>Mon opinion sur les mots vides est la suivante. Il est inapproprié que le titre ne comporte que quelques mots. Par exemple, « Je voulais manger, c'est-à-dire que je ne veux pas manger » (le verbe « est » est un mot vide) ou « Si je n'en ai pas envie, comment puis-je ne pas manger. » Si le titre est écrit de manière significative et exprime l'idée exacte, alors 2-3 mots vides ne l'interféreront pas. Par exemple, « Comment choisir un bateau pour pêcher ». Le mot « Comment » pour Google au début du titre peut être supprimé. Pas nécessaire pour Yandex.</p><h3><span>Titre, littérature et recherche intelligente</span></h3><p>Dernières tendances <a href="https://rokwell.ru/fr/kak-rabotaet-umnaya-lenta-vkontakte-i-intellektualnyi-algoritm/">recherche intelligente</a> Ajout de constructions de phrases entières aux mots vides qui devraient (de préférence) être évitées. A savoir éviter dans le titre :</p><p>Il est important de noter que les « dernières tendances » répertoriées sont plus susceptibles de concerner la rédaction de titres littéraires que l’optimisation. Bien que dans le référencement, la lisibilité existe et son importance augmente de plus en plus.</p><h3><span>Ponctuation dans le titre</span></h3><p>Les signes de ponctuation incluent les symboles suivants : () - = / \ ! ? | + _ . : ;. La question est : peuvent-ils être utilisés dans un titre de page approprié ?</p><p>Pensons-y. <a href="https://rokwell.ru/fr/seo-prodvizhenie-svoimi-rukami-seo-prodvizhenie-svoimi-rukami/">Titre correct</a> la page est un titre compréhensible pour un robot de recherche. Le bot « lit » le texte par caractères et balises. S'il voit l'étiquette <p>Il « lit » ce nouveau paragraphe. S'il voit les symboles point (.), point d'exclamation (!) ou point d'interrogation (?), le robot divise la phrase en ce qu'on appelle des passages - des parties sémantiques indépendantes.</p> <p>Nous avons libéré <a href="https://rokwell.ru/fr/vybor-poluchatelya-vybor-poluchatelei-iz-adresnoi-knigi-vvod-novogo/">nouveau livre</a>"Le marketing de contenu dans <a href="https://rokwell.ru/fr/istoriya-poyavleniya-socialnyh-setei-kto-sozdal-socialnye-seti-socialnye/">dans les réseaux sociaux</a>: Comment entrer dans la tête de vos abonnés et les faire tomber amoureux de votre marque.</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>S'abonner</p> </form> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2017/12/27fe505ef8a0-1.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>La balise de titre est une balise de titre et son contenu est affiché dans l'en-tête du navigateur.</p> <p><span class="yPlTeOxEknU"></span></p> <p><b>Plus de vidéos sur notre chaîne - apprenez le marketing Internet avec SEMANTICA</b></p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2017/12/yutub.png' height="37" width="178" loading=lazy loading=lazy></p> <p>Pour comprendre à quoi sert un titre, vous devez déterminer quelles fonctions il remplit. Sa tâche principale est d'informer les moteurs de recherche sur le contenu de la page.</p> <h2>Où est le titre</h2> <p>Il faut chercher la balise title dans le code en début de page, à l'intérieur de la balise <head> </head>. </p> <h2>Exigences pour remplir la balise de titre</h2> <p>La position de votre site dans les résultats de recherche dépend en grande partie de la question de savoir si les moteurs de recherche « comprennent » de quoi il s’agit et à qui il est destiné. C’est ce que leur dit le titre et pourquoi c’est si important. Lorsque vous décidez quoi écrire dans le titre, gardez à l'esprit qu'il existe un certain nombre d'exigences pour la formulation de cette balise, sans lesquelles vous ne « vous lierez jamais d'amitié » avec les moteurs de recherche.</p> <ul><li>La plupart <a href="https://rokwell.ru/fr/htc-pishet-obnovlenie-personalizacii-v-ocheredi-zavisaet-one-x-samye-chastye/">question fréquemment posée</a>– quelle devrait être la longueur du titre. La taille de la partie visible du titre varie de 55 à 80 caractères espaces compris. La partie restante ne sera pas visible dans les résultats de recherche, mais le moteur de recherche en tiendra compte. Yandex affiche généralement 70 à 80 caractères et prend en compte les 15 premiers mots de la balise. Google affiche 55 à 70 caractères et prend en compte 12 mots.</li> <li>La signification du titre doit être claire au premier coup d’œil. Après l'avoir vu, l'utilisateur ou le moteur de recherche doit instantanément comprendre de quoi parle le texte. Il est préférable que le libellé de l'étiquette soit accrocheur.</li> <li>Vous pouvez en inclure plusieurs dans le titre <a href="https://rokwell.ru/fr/kak-rabotaet-dorvei-dorveinyi-trafik-chto-eto-i-stoit-li-privlekat-sbor/">requêtes clés</a>. Il est recommandé de mettre au début le plus fréquent du groupe. Le libellé de la phrase dans la balise doit paraître naturel d’un point de vue grammatical et stylistique. Autrement dit, il ne doit pas s'agir d'une simple liste de clés ou d'une pile de mots (juste pour tout insérer). Les « courbes » et les constructions de touches illisibles ne sont pas autorisées.</li> <li>Cette balise ne doit pas dupliquer le titre du texte que vous joignez dans la balise H1. Si vous souhaitez la même requête dans le titre et le titre, modifiez le libellé ; une correspondance textuelle n'est pas autorisée.</li> <li>N'incluez pas de mots-clés séparés par des virgules dans le titre. Le moteur de recherche peut identifier votre site comme étant trop spammé et vous consacrerez beaucoup d'efforts à le soustraire aux sanctions.</li> <li>Chaque document de votre site doit avoir son propre titre de page unique. Mêmes balises pour <a href="https://rokwell.ru/fr/kak-v-vorde-ubrat-numeraciyu-neskolkih-stranic-kak-ubrat-numeraciyu-stranic-v/">différentes pages</a> avoir un très mauvais effet sur la promotion du site Web.</li> <li>La balise de titre doit être unique. Vous ne pouvez pas copier les balises d’autres personnes si vous ne voulez pas que les moteurs de recherche vous punissent pour plagiat.</li> </ul><p>Les règles de rédaction du titre vous aideront à apprendre à remplir cette balise le plus rapidement possible.</p> <h2>Balise de titre pour différentes sections et pages</h2> <p>Tout d'abord, la balise title est formulée pour <a href="https://rokwell.ru/fr/yandeks-glavnaya-stranica-sdelat-domashnei-kak-sdelat-yandeks/">page d'accueil</a>. Il comprend la demande principale, généralement très compétitive. Puisque c'est ce qui sera affiché dans les moteurs de recherche sous forme d'extrait, il est nécessaire de rendre sa formulation aussi attrayante que possible afin que l'utilisateur veuille découvrir plus en détail ce qui se cache derrière. En fait, un tel titre fonctionne comme un slogan publicitaire.</p> <p>Les titres restants sur le site dépendent du contenu des pages. Pour éviter d'avoir à décider quel doit être le titre, vous pouvez créer un modèle pour les pages du même type. Il comprend généralement le nom de la page ou de la section du catalogue et les mots qui attirent l'attention - critiques, photos, coût, remise. Cette technique peut être utilisée en écrivant un titre pour les fiches produits, les sections de la boutique en ligne et les images de la galerie. Dans les cartes de titre, ils commencent par le nom du produit ou des mots comme « acheter », dans les sections - par son nom, dans la galerie par les mots « images », « photos », « exemples de travaux ».</p> <p>L’orthographe correcte de toutes les balises est extrêmement importante pour la promotion d’un site Web. Vos investissements en promotion ne fonctionneront que lorsque les balises principales seront vérifiées et corrigées, parmi lesquelles le titre est la principale.</p> <p>Étiqueter <b>titre</b> et balises méta <b>description</b> Et <b>mots clés</b>- jouer un rôle exceptionnel dans la promotion du site Internet. La position de la page dans les résultats de recherche dépend en grande partie de sa composition correcte. Les éléments titre, description et mots-clés doivent être présents sur chaque page du site et contenir des phrases clés :</p> <p><img src='https://i1.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen1.png' width="100%" loading=lazy loading=lazy></p> <p>Les robots des moteurs de recherche accordent une grande importance au contenu du titre et de la description, en particulier à la balise de titre, pour déterminer la pertinence d'une page - la correspondance d'une requête d'utilisateur avec son contenu. Mais il y a un deuxième facteur qui doit être pris en compte : il apporte un effet supplémentaire dans la promotion d'un site Web : il s'agit de la perception des utilisateurs.</p> <h2>Titre de la balise</h2> <p>Sur son attrait aux yeux de l'utilisateur <b>titre</b>(c'est le contenu du titre) et la page dans les résultats de recherche, leur choix en sa faveur dépend. Même si votre site figure dans les résultats de recherche, disons, à la 7ème place, il peut y avoir plus de transitions vers celui-ci que vers un site à la 4ème place. Surtout si son titre et son extrait sont attrayants, c'est-à-dire compilé correctement.</p> <p>Exemple de résultats de recherche sur Google :</p> <p><img src='https://i1.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen2.png' width="100%" loading=lazy loading=lazy></p> <p>Afin de composer correctement le titre - c'est le nom de la page, vous devez répondre à deux questions : combien d'occurrences de phrases clés peuvent être et sa longueur - le nombre total de caractères dans la balise. Pour les pages « ordinaires », le nombre recommandé est une phrase clé. Pour les pages principales des sections et la page d'index, 2 à 3 occurrences de phrases clés sont possibles.</p> <p>Les mots-clés les plus importants doivent être placés plus près du début. Étant donné que le contenu de la balise de titre se reflète dans les résultats de recherche, il doit être informatif et, je le répète, attrayant pour les utilisateurs. Parlons maintenant de la longueur possible de la balise. Dans la capture d'écran de <a href="https://rokwell.ru/fr/kak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet-rasshirennye-snippety/">Résultats Google</a> Il n'est pas difficile de calculer le nombre de caractères pour le premier site - 50.</p> <p><a href="https://rokwell.ru/fr/kategorii-vityh-par-maksimalnaya-dlina-vitoi-pary-utp-dlya-lokalnoi-seti/">Longueur maximale</a> Le titre que j'ai trouvé sur Google comporte 59 caractères, espaces compris. Regardons maintenant les résultats de la recherche Yandex :</p> <p><img src='https://i0.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen3.png' width="100%" loading=lazy loading=lazy></p> <p>Un titre similaire dans les résultats de recherche Yandex comportait 55 caractères - les mots restants de la balise de titre n'y étaient pas inclus. Mais notez que le mot-clé principal consiste en <a href="https://rokwell.ru/fr/lishnie-funkcii-ios-chto-i-gde-mozhno-otklyuchit-za-nenadobnostyu-strochnye/">lettres majuscules</a>. Si les lettres sont en minuscules, le nombre de caractères dans les en-têtes des résultats de recherche augmente. Regardons la capture d'écran suivante :</p> <p><img src='https://i2.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen4.png' width="100%" loading=lazy loading=lazy></p> <p>Le résultat de la 5ème position dans les résultats de recherche est de 68 caractères (c'est le maximum). Nous concluons : la longueur du titre peut être d'environ 60 à 65 caractères avec des espaces, le plus important doit être situé plus près du début et, de préférence, ne pas dépasser 55 caractères.</p> <p>Attention : il ne faut pas mettre des mots qui ne figurent pas sur la page dans le titre, ainsi que dans les mots-clés.</p> <h2>Balise méta-description</h2> <p>Les moteurs de recherche compilent le contenu de l'extrait de code à partir de la description ou sélectionnent un fragment de texte de la page. <a href="https://rokwell.ru/fr/hitrosti-napisaniya-title-i-description-meta-tegi-title-description-i-keywords-meshayut/">Balise méta description</a> donne une brève description de la page Web. Il est conseillé d'être plus prudent dans sa compilation, même s'il ne sera pas utilisé par certains moteurs de recherche pour créer un extrait. La longueur recommandée est de 150 à 200 caractères avec des espaces (l'extrait Yandex maximum est de 182, celui de Google est de 140).</p> <p>Il est nécessaire de placer plusieurs phrases clés dans la description : la principale doit être placée plus près du début, elle peut être constituée de lettres majuscules. Le texte doit être aussi attrayant que possible pour les utilisateurs.</p> <h3>Mots-clés de balise méta</h3> <p>Quant à la balise méta mots-clés – il s’agit d’un ensemble de mots-clés de page – les principaux moteurs de recherche n’en tiennent pas compte. Il ne faut cependant pas négliger sa préparation. Les algorithmes des moteurs de recherche changent de temps en temps, peut-être que « demain », la balise méta des mots-clés sera à nouveau un lien important dans l’optimisation des moteurs de recherche.</p> <p><i>Composition correcte du titre et de la description</i>- l'un des facteurs importants influençant la position du site aux yeux des moteurs de recherche. Pour une promotion complète et efficace d’un site Web SEO, vous devez accorder toute l’attention voulue à cette procédure.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://rokwell.ru/podrobnoe-posobie-po-ispolzovaniyu-tega-title-teg-title-nazvanie/" content="https://rokwell.ru/podrobnoe-posobie-po-ispolzovaniyu-tega-title-teg-title-nazvanie/" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Подробное пособие по использованию тега "title". Тег title — название страницы"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i1.wp.com/lh3.ggpht.com/_G92voTj-yF0/TXkjA_6ehQI/AAAAAAAABUI/z188wpCxQ1A/title-v-brouzere%5B4%5D.png"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">ARTICLES LIÉS</span></h4> <div class="ads-border"> <div class="ads-content"> <div id="fofuny1" style="height:90px;width:690px;" align="center"></div> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Utile</span></div> <div class="textwidget" align="center"><div id="fofuny2" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Publicité</span></div> <div class="textwidget" align="center"><div id="fofuny3" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Nouveau</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/tarify-bilain-vs-mo-servis-bilain-moya-set-pravila-ispolzovaniya-opcii/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/beeline365.ru/wp-content/uploads/2017/02/1520-9.jpg" alt="Service Beeline « Mon réseau Règles d'utilisation de l'option" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/tarify-bilain-vs-mo-servis-bilain-moya-set-pravila-ispolzovaniya-opcii/" title="Service Beeline « Mon réseau Règles d'utilisation de l'option" rel="bookmark">Service Beeline « Mon réseau Règles d'utilisation de l'option</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/sohranenie-i-ustanovka-svoego-konfiga-v-cs-go-sozdaem-svoi-cfg/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/all-csgo.com/uploads/posts/2019-06/medium/1560342336_screenshot_1.png" alt="Sauvegarder et installer votre configuration dans CS:GO" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/sohranenie-i-ustanovka-svoego-konfiga-v-cs-go-sozdaem-svoi-cfg/" title="Sauvegarder et installer votre configuration dans CS:GO" rel="bookmark">Sauvegarder et installer votre configuration dans CS:GO</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/otzyv-youtube-instrukciya-po-primeneniyu-kak-zarabotat-na-youtube-yutub-dengi-za/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/1zaicev.ru/wp-content/uploads/2016/12/predupregdenie.png" alt="Comment gagner de l'argent sur YouTube grâce aux vues, est-ce possible et combien, mode d'emploi Mode d'emploi YouTube" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/otzyv-youtube-instrukciya-po-primeneniyu-kak-zarabotat-na-youtube-yutub-dengi-za/" title="Comment gagner de l'argent sur YouTube grâce aux vues, est-ce possible et combien, mode d'emploi Mode d'emploi YouTube" rel="bookmark">Comment gagner de l'argent sur YouTube grâce aux vues, est-ce possible et combien, mode d'emploi Mode d'emploi YouTube</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/avtomaticheskii-sposob-zarabotka-programmy-dlya-zarabotka-kak-eto/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/web-zarabotok.info/wp-content/uploads/2016/11/%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0-%D0%B4%D0%BB%D1%8F-%D0%B7%D0%B0%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0-socpublic.png" alt="Un moyen automatique de gagner de l'argent" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/avtomaticheskii-sposob-zarabotka-programmy-dlya-zarabotka-kak-eto/" title="Un moyen automatique de gagner de l'argent" rel="bookmark">Un moyen automatique de gagner de l'argent</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/sozdanie-raskryvayushchegosya-spiska-svyazannye-vypadayushchie-spiski-sozdanie-v/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/activation-keys.ru/wp-content/uploads/2019/02/02720963cf7db0c10988513721ce2841.jpg" alt="Listes déroulantes associées Création d'une liste déroulante dans Excel" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/sozdanie-raskryvayushchegosya-spiska-svyazannye-vypadayushchie-spiski-sozdanie-v/" title="Listes déroulantes associées Création d'une liste déroulante dans Excel" rel="bookmark">Listes déroulantes associées Création d'une liste déroulante dans Excel</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/kak-svyazat-kompyutery-pravilnoe-soedinenie-kompyuterov-po-lokalnoi/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/2compa.ru/wp-content/uploads/2019/02/word-image-10.png" alt="Connexion correcte des ordinateurs via le réseau local" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/kak-svyazat-kompyutery-pravilnoe-soedinenie-kompyuterov-po-lokalnoi/" title="Connexion correcte des ordinateurs via le réseau local" rel="bookmark">Connexion correcte des ordinateurs via le réseau local</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/kak-polzovatsya-programmoi-vord-dlya-nachinayushchih-uskoryaem/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/vsesam.org/htdocs/wp-content/uploads/2012/08/mayjkrosoft-vord.jpg" alt="Accélérer votre travail dans Word : conseils utiles, fonctions, raccourcis clavier" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/kak-polzovatsya-programmoi-vord-dlya-nachinayushchih-uskoryaem/" title="Accélérer votre travail dans Word : conseils utiles, fonctions, raccourcis clavier" rel="bookmark">Accélérer votre travail dans Word : conseils utiles, fonctions, raccourcis clavier</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/gde-nahoditsya-kesh-brauzera-chrome-firefox-yandeks-opera-internet-explorer-kak-ochistit-kesh-v/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/itshneg.ru/wp-content/uploads/2014/06/ctrlf5.jpg" alt="Comment vider le cache dans Chrome : optimiser le navigateur Qu'est-ce que le cache" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/gde-nahoditsya-kesh-brauzera-chrome-firefox-yandeks-opera-internet-explorer-kak-ochistit-kesh-v/" title="Comment vider le cache dans Chrome : optimiser le navigateur Qu'est-ce que le cache" rel="bookmark">Comment vider le cache dans Chrome : optimiser le navigateur Qu'est-ce que le cache</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/gde-nahoditsya-kesh-brauzera-chrome-firefox-yandeks-opera-internet-explorer-kak/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/lumpics.ru/wp-content/uploads/2016/10/Kak-uvelichit-ke%60sh-v-Gugl-Hrom-3.png" alt="Comment vider le cache dans Chrome : optimiser le navigateur Qu'est-ce que la mémoire cache" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/gde-nahoditsya-kesh-brauzera-chrome-firefox-yandeks-opera-internet-explorer-kak/" title="Comment vider le cache dans Chrome : optimiser le navigateur Qu'est-ce que la mémoire cache" rel="bookmark">Comment vider le cache dans Chrome : optimiser le navigateur Qu'est-ce que la mémoire cache</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://rokwell.ru/fr/"><img class="td-retina-data" src="/logo/logo.png" data-retina="/logo/logo.png" alt="Site sur l'informatique" title="Site sur l'informatique" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p>© Site Web sur la technologie informatique, 2024</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://rokwell.ru/fr/feedback/">Retour</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://rokwell.ru/fr/sitemap.xml">Plan du site</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">À propos du site</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>