Comment écrire correctement les balises Titre, Description et les attributs Alt et Titre. Titre de page correct, titre SEO

Je dirai tout de suite que dans cet article vous ne trouverez pas un ensemble stupide d'astuces stupides, comme indiquer la taille du titre ou la valeur numérique de la densité des touches. Tout cela est un jeu rare qui s'est répandu sur le réseau comme un virus... La base bonne orthographe Le méta-titre comprend exactement les bases. Mais tout le monde ne comprend pas ces bases, lisez simplement l’article et vous verrez par vous-même !

L’article était long, mais ça vaut le coup, croyez-moi.

Quel élément de l’optimisation du référencement sur la page compte le plus ?! Je pense que vous pouvez facilement répondre correctement à cette question - bien sûr, le titre de la page !

Ok, je suis d'accord, mais comment l'optimiser correctement ?

Eh bien, devriez-vous écrire le mot-clé principal de la page au tout début du titre ? - direz-vous et vous aurez tout à fait raison.

Quoi d'autre?

Eh bien... Vous devez écrire le titre de la page en moins de 70-80-90 caractères, n'est-ce pas ?!

Devrions-nous également rendre cette balise lisible pour les gens ?!

Faut-il maintenir une certaine densité et des nausées ?!

Le titre doit être unique ?!

En fait, c'est là que commence une confusion et une confusion sérieuses dans l'esprit des propriétaires et des optimiseurs de sites, dès le tout premier point. Oui, Karl, dès le premier point, Après tout, encore faut-il savoir placer correctement la clé principale au tout début du titre.

C'est un truisme, mais je vais vous dire un secret : la majorité ne peut pas placer correctement la clé PRINCIPALE sous la forme CORRECTE au tout début du titre et ce n'est pas de la paranoïa, mais des statistiques...

Essayons donc de développer un ensemble de règles pour préparer un titre vraiment efficace, car... Cet élément d’optimisation SEO est en effet le plus important, mais seulement s’il est correctement formé.

Commençons par le tout début, à savoir en utilisant le passe-partout au tout début du titre.

La clef maitresse

Pensez-vous que tout ici est clair et simple ? - mais non...

Qu'est-ce qu'un passe-partout ?

Beaucoup diront qu'il s'agit de la clé de cluster la plus fréquente pour une page donnée (par quoi le clustering est écrit) ! Parfois oui, mais cela n'est pertinent que pour un projet nouvellement créé. page de destination et pas toujours.

De quoi est-ce que je parle ici ?

C'est simple, imaginez que nous ayons une page de site Web ancienne et faisant autorité qui génère déjà beaucoup de trafic de recherche. Prenons un groupe de requêtes pour cette page et examinons les positions actuelles.

Disons que nous obtenons l'image suivante :

Peut-on considérer la requête la plus fréquente, soit la « requête 1 », comme la requête principale de ce cluster ? En principe, c'est possible, mais il sera bien plus efficace de faire la demande principale qui n'a pas le plus haute fréquence, mais une position bien plus élevée, car il est bien plus simple et efficace de déplacer une demande de la 18ème place vers le TOP 3 que de déplacer une demande sortie de nulle part.

De nombreuses techniques de promotion du trafic reposent sur cette compréhension, lorsque nous travaillons exclusivement avec ce que l'on appelle sémantique active, c’est-à-dire précisément la sémantique qui n’est pas seulement là quelque part dans nos rêves, mais qui fonctionne déjà et apporte des transitions.

Compétitivité de la demande

Nous avons donc décidé que la requête principale pour une page n'est pas toujours la requête la plus fréquente. Un autre facteur ici pourrait être l’analyse concurrentielle, surtout pour les jeunes sites ! Cela ne sert à rien d’optimiser un site jeune pour les requêtes les plus compétitives et de les mettre en premier dans le titre, cela n’a tout simplement pas de sens ! Après tout, rien de significatif n'en sortira de toute façon, et la demande, même dans un an, n'atteindra pas le TOP sans l'utilisation de techniques grises et noires (nous pourrons parler de ces techniques dans l'un des articles suivants).

Autrement dit, il ne sert à rien de perdre l'endroit le plus précieux dans l'optimisation du texte, à savoir la première position du titre pour une requête qui n'atteindra de toute façon pas le TOP.

Il est très important d'évaluer sobrement les chances de succès d'une demande particulière. Je suis d'accord, cela vient avec l'expérience, mais vous pouvez être sûr à l'avance que si vous avez un site jeune, vous ne devez pas vous baser sur les requêtes les plus importantes du sujet.

Si vous souhaitez une analogie plus claire, imaginez que vous partez en randonnée et que vous ne pouvez emporter avec vous que ce dont vous avez besoin. L'espace est strictement limité. Et donc tu décides de prendre quelque chose comme décodeur numérique, par exemple Playstation. Oui, ce serait cool de jouer avec des jouets sur une aire de repos avec des amis, mais le risque qu'une télévision soit trouvée lors d'une randonnée est catastrophiquement faible et il n'y a plus assez de place dans le sac à dos pour des choses aussi nécessaires qu'un couchage. sac

L'analogie est idéale pour les jeunes sites qui choisissent le RF principal comme requête principale pour le cluster, y consacrant l'espace le plus précieux du titre.

Ainsi, la requête principale d'une page est une requête obtenue grâce à une analyse pondérée de la fréquence, de la concurrence et des positions actuelles pour toutes les requêtes du cluster.

D'accord, nous avons compris le terme requête principale, mais êtes-vous sûr de connaître exactement la forme correcte de la requête ?

Corriger le formulaire de demande

L'ordre des mots dans une requête est parfois critique. Mais beaucoup ont l'habitude de croire fréquence exacte Wordstat, le considérant comme la fréquence principale, mais ils ne tiennent tout simplement pas compte du fait que la directive Wordstat standard (en fait la clé du collecteur à travers laquelle tout le monde est habitué à frapper les fréquences) ne prend pas en compte l'ordre des mots souhaité. Pour cette directive, cela n'a pas d'importance. Par défaut, il extrait les données de la base de données en utilisant la forme de mot optimale.

Ce que je dis, c'est que la sémantique que vous avez collectée pour une page ou même pour l'ensemble du site est loin d'être un fait qu'elle contient la forme correcte de la demande, et souvent vous ne la remarquerez même pas, car même le mauvais mot la commande servira à rédiger des textes et à acheter des liens, mais pour le titre tout est strict! La clé principale doit être sous la forme correcte et exactement au début du titre.

Regardons quelques exemples intéressants, tu aimeras:

Il y a une demande - " peluche ours"

Quelle est sa forme correcte ?

Entrons chacune des options dans Wordstat pour obtenir la fréquence exacte :

Eh bien, voici la fréquence réelle des requêtes en tenant compte de l'ordre des mots :

Comment aimez-vous ces métamorphoses ?!

Mais ce n'est pas tout

Saviez-vous que selon l'ordre des mots, le caractère commercial d'une demande et même son intention peuvent changer ?!

Prenons le même exemple :

Comme vous pouvez le constater, le caractère commercial de la forme correcte est le plus élevé.

Il s'avère qu'en plaçant la requête apparemment principale dans le mauvais ordre des mots au tout début du titre, nous pourrions obtenir un trafic beaucoup plus faible que prévu (puisque nous amènerions la requête au TOP dans l'ordre des mots approprié), et également une requête moins commerciale.

À propos, dans l'ordre des mots interrogés, il y a certains et parfois très règles intéressantes, dont la connaissance ouvre un espace à des manipulations intéressantes, notamment pour les boutiques en ligne. Par exemple, saviez-vous où mettre le mot « acheter », avant ou après la demande ? Ainsi, il existe une règle selon laquelle une demande avec « acheter » au début est plus commerciale :

Autrement dit, la conversion d'un tel trafic est toujours plus élevée, ce qui peut être particulièrement intéressant pour les directologues. Et en général, les miracles commencent à se produire à la frontière entre le SEO et le Direct, mais nous en parlerons davantage dans l'un des articles suivants.

Déterminer la forme correcte est extrêmement simple - entrez simplement la requête qui vous intéresse entre guillemets dans Wordstat :

Ok, maintenant nous avons compris comment choisir la requête principale pour la page et comment déterminer sa forme correcte et pourquoi cela est nécessaire.

Comment créer un titre

  1. Nous ne répétons pas plus d'une fois les mots commerciaux (achat, prix, etc.)
  2. Nous ne répétons pas les mots ordinaires plus de deux fois
  3. La clé principale sous la forme correcte est strictement au début du titre
  4. Strictement aucun caractère dans les passages (point, point d'exclamation et d'interrogation, point-virgule)
  5. Vous pouvez utiliser des virgules, mais si vous pouvez sans elles, c'est mieux
  6. La longueur n'est limitée par aucun caractère
  7. Facultatif – moins de 12 mots (important uniquement pour Google)
  8. N'oublie pas quoi plus de mots dans le titre, moins chaque mot a de poids, donc pas besoin d'écrire des poèmes ici
  9. Unicité du titre au sein du site
  10. Le caractère unique du titre dans la base d'index Yandex. C'est trivial d'ajouter le nom de l'entreprise à la fin

Rôtissons le canard

Eh bien, tirons maintenant sur quelques canards avec lesquels je me bats depuis des temps immémoriaux :

  1. Limitation de longueur

Longueur du titre 60-70-80-90 caractères – des bêtises, des bêtises et encore des bêtises ! Il n'y a qu'une seule recommandation et ce n'est rien de plus qu'une recommandation : la longueur du titre est inférieure à 12 mots. Tous! Si vous ne me croyez pas, regardez les titres des principaux sites.

  1. Écrivez des titres exclusivement pour les gens

Lisibilité du titre pour les visiteurs, eh bien, que dire ? En principe, oui, le titre ne doit au moins pas être maladroit, mais ici, il y a toujours le choix entre l'optimisation du référencement et la lisibilité, où les deux auront finalement un impact sur le poste. Ici, vous devez prendre en compte le fait que la recherche, en particulier Yandex, peut parfois déplacer le titre à sa propre discrétion s'il est suffisamment long, et peut également substituer d'autres éléments de page au titre, par exemple H1 ou même le nom de le site du catalogue Yandex. Par conséquent, il est loin d’être vrai que les gens verront exactement ce que vous leur avez préparé. Il n’est pas nécessaire de faire l’éloge dans les titres ; en règle générale, cela entraînera simplement des mots de sécurité inutiles. Écrivez simplement le titre de manière lisible, mais rien de plus.

Grands principes

Donc, si nous soulignons encore les principes les plus importants qui influencent la bonne préparation d'un titre, alors je soulignerais les suivants :

  • Choisir la bonne requête principale.
  • Indication de la requête principale au tout début du titre strictement sous la forme correcte.
  • Nous essayons d'indiquer sous une forme aussi proche que possible de la bonne une ou deux requêtes plus importantes pour cette page.
  • Nous divisons simplement toutes les autres requêtes du cluster en mots uniques qui n'ont pas encore été utilisés dans ce titre et les y implantons (l'essentiel ici est de ne pas battre le passage).
  • Strictement aucun personnage ne franchit le passage

Autre articles intéressants vous le trouverez sur ma page publique VK

La balise Title est le titre du document HTML. Le titre est presque toujours utilisé dans les résultats des moteurs de recherche. Sur ce moment, c’est très important pour le référencement classique et pour attirer l’attention sur les réseaux sociaux.

Le but principal de la balise Title est d'être précis et brève description contenu du contenu de la page.

Cet élément est très important quant aux utilisateurs(quand ils décident de passer à cette pageà partir des résultats de recherche), et pour les moteurs de recherche(l'un des facteurs importants est de déterminer la pertinence d'une page pour certaines requêtes de recherche).

Structure de balise de titre optimale

maison phrase clé– phrase clé mineure | Marque

Longueur optimale pour les moteurs de recherche

Google affiche généralement les 50 à 60 premiers caractères, ou autant de caractères que peuvent contenir 512 pixels. Si tous vos titres comportent 55 caractères, vous pouvez vous attendre à ce qu'environ 95 % des pages soient entièrement rendues.

Mais les moteurs de recherche peuvent choisir d'afficher un autre texte : le titre dans les résultats peut être modifié

  • pour votre marque
  • demande personnalisée
  • ou pour toute autre raison (par exemple, spam de mots clés)

Pourquoi la balise titre est-elle si importante ?

Le titre a longtemps été considéré comme l’un des facteurs les plus importants parmi les facteurs de classement interne (le plus important : le contenu de la page) et il apparaît à 3 endroits :

1. Navigateur. Apparaît en haut de votre navigateur + dans vos favoris.

2. Sur les pages de résultats de recherche. Lorsque vous utilisez des mots-clés dans le titre, les moteurs de recherche les mettront en évidence dans les résultats de recherche si l'utilisateur a effectué une requête avec ces mots-clés. Cela donne à l'utilisateur plus de raisons de cliquer sur votre lien.

3. Sur des sites externes. De nombreux sites externes, notamment les réseaux sociaux, utiliseront le titre comme lien d'ancrage vers votre page.

Par exemple, voici à quoi cela ressemble sur Facebook :

Voyons maintenant la meilleure façon d’optimiser et d’écrire le titre sur votre site Web.

Comment bien optimiser votre titre

  • Rappelez-vous toujours la longueur

Comme mentionné ci-dessus, les moteurs de recherche raccourciront votre titre si vous dépassez le seuil. Mais, en revanche, cette longueur n’est pas une règle très stricte.

Étant donné que les en-têtes longs peuvent être bien plus efficaces pour obtenir du trafic depuis réseaux sociaux. Et aussi, même si certains mots clés n'ont pas été affichés par le moteur de recherche, cela ne veut pas du tout dire qu'ils ne participent pas au classement. Par conséquent, il est conseillé de rendre le titre aussi naturel et cliquable que possible, mais vous pouvez sacrifier la longueur.

  • Placez les mots-clés principaux au début

D’après les expériences et notre expérience, plus la phrase clé est proche du début du titre, plus elle a de poids dans le classement. De plus, la probabilité que l'utilisateur clique sur notre lien dans les résultats de recherche augmente.

  • Renforcement par marque

Si votre marque est bien connue sur votre marché cible, dans de tels cas, elle doit être placée dans une zone de titre visible afin que les utilisateurs y prêtent attention dans les résultats de recherche. Dans d’autres cas, il est préférable d’ajouter la marque à la fin de la balise titre.

  • Lisibilité et impact émotionnel

Créer un titre attrayant peut contribuer à augmenter considérablement le nombre de clics à partir des résultats de recherche. Lorsque vous créez des titres, il est important de penser à toutes les interactions des utilisateurs, au-delà de l'utilisateur lui-même. optimisation du moteur de recherche et l'utilisation de mots-clés.

Outils qui peuvent aider à l'optimisation des titres

Afin de ne pas attendre de voir à quoi ressemblera votre page dans Résultats de recherche, et obtenez immédiatement le maximum d'effet, nous vous recommandons d'utiliser les services de simulation de résultats de recherche suivants :

En conséquence, vous pouvez voir à quoi ressemble le titre dans les résultats de recherche :

Enfin

La balise de titre est tout aussi importante pour les deux les utilisateurs finaux. L’utilisation de titres bien construits et uniques pour toutes les pages de votre site vous aidera à obtenir un meilleur classement dans les moteurs de recherche.

Étiqueter titre et balises méta description Et mots clés- 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 :

Les robots des moteurs de recherche donnent grande importance titre et description du contenu, notamment la balise titre pour déterminer la pertinence de la page - la correspondance de la demande de l'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.

Titre de la balise

Sur son attrait aux yeux de l'utilisateur titre(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.

Exemple de résultats de recherche sur Google :

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.

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 Résultats Google Il n'est pas difficile de calculer le nombre de caractères pour le premier site - 50.

Longueur maximale Le titre que j'ai trouvé sur Google comporte 59 caractères, espaces compris. Regardons maintenant les résultats de la recherche Yandex :

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 lettres majuscules. 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 :

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.

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.

Balise méta-description

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. La balise méta description fournit 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).

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.

Mots-clés de balise méta

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 « demain » balise méta mots-clés sera à nouveau un maillon important dans l’optimisation des moteurs de recherche.

Composition correcte du titre et de la description- 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.

Composition de balises compétente – c’est l’une des bases les plus importantes pour une promotion réussie des pages d’un site Web. Il existe un ensemble d'exigences selon lesquelles vous devez créer une balise <title>pour la page promue.</p> <p>Bien sûr, un seul parfaitement composé <title>ne suffira pas à promouvoir la page pour certains <a href="https://rokwell.ru/fr/nizkochastotnoe-prodvizhenie-uvelichivaet-trafik-kak-podobrat/">requêtes basse fréquence</a>, sans parler des mots-clés de moyenne et haute fréquence. Mais sans cette balise, toute promotion sera inutile.</p> <h2>1. Qu'est-ce qu'une balise <title>... et à quoi ça sert ?

Balise HTML ...- est l'une des balises de titre, située en haut de la page entre les balises .... Dans le langage des optimiseurs, on l’appelle souvent « titre ». Ce n'est pas obligatoire, mais si vous souhaitez que votre site occupe une position décente dans les moteurs de recherche, alors il Nécessairement doit être utilisé en tenant compte de nombreuses nuances (plus d'informations ci-dessous).

Syntaxe balise html ...
<span>Titre de la page</span> Contenu de la page

Étiqueter compilé sur la base du texte d’une page spécifique. L'article publié sur la page doit contenir des mots-clés et des expressions dans le texte du titre. De plus, il n’est pas nécessaire d’avoir un grand nombre de mots-clés, un seul suffit. Dans ce cas, <title>aura un impact très positif sur le classement de cette page.</p> <p>Par exemple, si le sujet de notre article est « Comment choisir des skis pour le patinage », alors il est logique que le titre ressemble à ceci :</p> <blockquote><head > <title ><span>Comment choisir des skis pour le patinage - 5 conseils de skieurs confirmés</span>

Nous avons écrit simplement et clairement le sujet de l'article. Rien de plus. À la fin, l'expression « 5 conseils de skieurs expérimentés » est apparue afin de couvrir un ensemble de requêtes encore plus large. De plus, il est fort probable que votre article aura un tel sous-titre. En règle générale, un article contient non pas une, mais plusieurs autres requêtes à moyenne fréquence.

Pour sélectionner correctement ces clés supplémentaires, lisez :

2. À quoi ça ressemble dans les résultats de recherche</h2> <p>Dans les résultats de recherche, c’est le « titre » qui s’affiche comme titre de la page. Par exemple:</p> <p>Cette balise est vue en premier par les utilisateurs qui ont saisi une requête de recherche. Par conséquent, outre l’importance de la balise <title>pour l’optimisation du référencement, c’est également très important pour l’utilisateur. Après tout, c'est sur cette base que l'utilisateur décide d'accéder ou non au site.</p> <h2>3. Les liens des réseaux sociaux contiennent <title></h2> <p><img src='https://i2.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah1.jpg' width="100%" loading=lazy loading=lazy></p> <p>Ou une version abrégée sans image en VK</p> <p><img src='https://i1.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah2.jpg' width="100%" loading=lazy loading=lazy></p> <p><img src='https://i0.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah3.jpg' width="100%" loading=lazy loading=lazy></p> <b>Liens entrants et titre</b> <p>Les liens entrants vers la page promue doivent généralement contenir des mots de la balise <a href="https://rokwell.ru/fr/podrobnoe-posobie-po-ispolzovaniyu-tega-title-teg-title-nazvanie/">titre de la page</a> accepteur De plus, certains liens entrants doivent avoir une entrée directe, certains liens doivent avoir une entrée partielle, certains liens doivent contenir des synonymes dans leurs mots d'ancrage, etc. Cela est nécessaire pour que la promotion se produise sur la base d'une seule demande.</p> <h2>4. Comment écrire correctement une balise <title></h2> <h3>4.1. Unicité <title>à l'intérieur du site</h3> <p>Toutes les pages d'un site doivent avoir un titre différent. Unique <title>- la clé de votre réussite dans l'émission de tous les moteurs de recherche. Ceci est si important que vous pouvez l’assimiler au caractère unique du contenu de la page. Je tiens à souligner que par unicité, j'entends au sein d'un seul site.</p> <p>Si vous ne respectez pas la règle de l'unicité, cela aura un impact extrêmement négatif sur la promotion du site. <a href="https://rokwell.ru/fr/primery-sql-zaprosov-k-baze-dannyh-mysql-kak-sostavlyat-sql-zaprosy---podrobnye/">cette demande</a> car cela créera automatiquement des pages en double sur le site.</p> <h3>4.2. <title>doit correspondre au contenu de la page</h3> <p>N'incluez que les mots-clés auxquels la page répond réellement. Avec l’introduction de facteurs comportementaux, cela a commencé à avoir un impact encore plus fort sur les classements de recherche.</p> <p>Par exemple, un utilisateur accède à une page avec un titre qui répond à ses exigences, mais le contenu de la page concerne quelque chose de complètement différent, il est alors logique de supposer que la majorité fermera simplement la page et ira plus loin pour rechercher des informations. dans un moteur de recherche. En conséquence, l'image comportementale d'une telle ressource se détériorera rapidement, ce qui peut à terme affecter négativement la position de l'ensemble du site.</p> <h3>4.3. L'ordre des mots-clés dans une balise <title>a le sens</h3> <p>Premier mot de la balise <title>le plus significatif pour le moteur de recherche, c'est donc le mot-clé le plus important de la page qui doit être utilisé en premier lieu.</p> <p>Il convient également de noter que si certains mots-clés associés ne correspondent pas tout à fait au contenu de la page, il vaut peut-être la peine de ne pas les inclure du tout, même à la fin du titre, cela renforce l'importance du premier mot-clé.</p> <h3>4.4. Longueur adéquate <title></h3> <p>Nombre de mots dans <title>ne doit pas dépasser 5-6. Le nombre optimal de caractères dans un titre selon PS est de 70. Généralement, ce chiffre est utilisé pour créer une balise de titre pour la page principale. Pour <a href="https://rokwell.ru/fr/krasivoe-menyu-dlya-gruppy-vkontakte-kak-sdelat-vnutrennyuyu-stranicu-dlya/">pages internes</a> sa longueur est légèrement plus courte - 40 à 60 caractères. Mais encore une fois, ce n'est qu'une recommandation. S'il est nécessaire de créer un titre de 120 caractères, faites-en 120 caractères. Tout ce qui est fait pour le bénéfice des utilisateurs est récompensé et encouragé.</p> <h3>4.5. Signe de ponctuation</h3> <p>Utilisez la ponctuation dans votre <title>seulement si cela est absolument nécessaire et si vous êtes sûr que le moteur de recherche évaluera correctement l'idée que vous vouliez transmettre aux visiteurs. Le fait est que les signes de ponctuation peuvent briser la balise <title>en différentes parties sémantiques. Une personne sera capable de comprendre cela, mais un moteur de recherche peut tout comprendre complètement différemment.</p> <h3>4.6. N'utilisez pas de mots inutiles</h3> <p>N'incluez jamais de mots comme " <a href="https://rokwell.ru/fr/yandeks-glavnaya-stranica-sdelat-domashnei-kak-sdelat-yandeks/">page d'accueil</a>". Ce sont des déchets inutiles pour les utilisateurs. Il y a des chances d'être pessimisé en se faisant passer pour l'abus de tels mots. Tout dans le titre doit être précis.</p> <h3>4.7. Vérifier <title>, si c'est nécessaire</h3> <p>Ne faites pas un titre avec un seul mot. Par exemple, de nombreux sites disposent d’une section « articles ». Si vous y prêtez attention, de nombreux sites font une grave erreur et ont un titre sous la forme d'un seul mot « articles », mais cela est absolument contraire au bon sens. Ce mot nécessite évidemment une clarification. Par exemple, « articles sur le football » - si votre thème du football semblera beaucoup plus compréhensible. C’est encore mieux de compléter cela par un autre mot plus éclairant.</p> <h3>4.8. La duplication peut être utile</h3> <p>Il est parfois très utile d’indiquer le nom de votre entreprise à la fin du titre. Par exemple, " <span>mot-clé | Nom de l'entreprise</span>". Ce <a href="https://rokwell.ru/fr/luchshie-emulyatory-elektronnyh-shem-na-russkom-qucs-prostoi-i/">bon plan</a>, qui a fait ses preuves depuis longtemps. Malgré la duplication constante du nom de votre entreprise dans le titre, cette conception permet de réduire le taux de rebond sur les pages du site, puisque l'utilisateur issu des moteurs de recherche sait déjà à peu près qu'il visite le site Internet de l'organisation (d'ailleurs, il a peut-être déjà entendu parler de ).</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/kak-pravilno-pisat-tegi-title-description-i-atributy-alt-i-title-pravilnyi-zagolovok/" content="https://rokwell.ru/kak-pravilno-pisat-tegi-title-description-i-atributy-alt-i-title-pravilnyi-zagolovok/" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Как правильно писать теги Title, Description и атрибуты Alt и Title. Правильный заголовок страницы, SEO title"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/markintalk.ru/wp-content/uploads/2018/09/2018-09-01_21-11-28.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/propal-sistemnyi-disk-c-chto-delat-propadaet-zhestkii-disk-ubedites-v/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/fb.ru/misc/i/gallery/26550/2563247.jpg" alt="Le disque système c a disparu, que dois-je faire ?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/propal-sistemnyi-disk-c-chto-delat-propadaet-zhestkii-disk-ubedites-v/" title="Le disque système c a disparu, que dois-je faire ?" rel="bookmark">Le disque système c a disparu, que dois-je faire ?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/ssd-m2-pci-e-3-0-ustanovka-nvme-nakopiteli-v-raznyh-rezhimah-raboty/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/overclockers.ua/storage/wd-black-pcie-ssd-256gb/02-big-wd-black-pcie-ssd-256gb.jpg" alt="Installation du ssd m2 pci e 3.0. Disques NVMe dans différents modes de fonctionnement de l'interface PCI Express : une étude pratique de l'évolutivité de l'interface dans les tâches de transfert de données. Configuration des tests, outils et méthodologie de test" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/ssd-m2-pci-e-3-0-ustanovka-nvme-nakopiteli-v-raznyh-rezhimah-raboty/" title="Installation du ssd m2 pci e 3.0. Disques NVMe dans différents modes de fonctionnement de l'interface PCI Express : une étude pratique de l'évolutivité de l'interface dans les tâches de transfert de données. Configuration des tests, outils et méthodologie de test" rel="bookmark">Installation du ssd m2 pci e 3.0. Disques NVMe dans différents modes de fonctionnement de l'interface PCI Express : une étude pratique de l'évolutivité de l'interface dans les tâches de transfert de données. Configuration des tests, outils et méthodologie de test</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/teamviewer-ustanovka-i-nastroika-nekontroliruemyi-udal-nnyi-dostup-s/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/webtun.com/uploads/posts/2010-12/1291537209_tvw22.png" alt="Accès à distance non contrôlé avec un compte TeamViewer" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/teamviewer-ustanovka-i-nastroika-nekontroliruemyi-udal-nnyi-dostup-s/" title="Accès à distance non contrôlé avec un compte TeamViewer" rel="bookmark">Accès à distance non contrôlé avec un compte TeamViewer</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/kak-otklyuchit-platnye-uslugi-megafona-obnovlenie-megafon-kak/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/vsetariffs.ru/wp-content/uploads/2016/06/3-.jpg" alt="Megafon comment désactiver les services payants" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/kak-otklyuchit-platnye-uslugi-megafona-obnovlenie-megafon-kak/" title="Megafon comment désactiver les services payants" rel="bookmark">Megafon comment désactiver les services payants</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/faq-kak-vstavit-v-soobshchenie-kartinku-so-svoego-kompyutera/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/fb.ru/misc/i/gallery/12236/354078.jpg" alt="Comment insérer une image de votre ordinateur dans un message ?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/faq-kak-vstavit-v-soobshchenie-kartinku-so-svoego-kompyutera/" title="Comment insérer une image de votre ordinateur dans un message ?" rel="bookmark">Comment insérer une image de votre ordinateur dans un message ?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/programma-dlya-redaktirovaniya-vindovs-muvi-meiker-obzor-besplatnoi-versii/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/softslot.com/images/small/571_2.jpg" alt="Test de la version gratuite de Movie Maker" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/programma-dlya-redaktirovaniya-vindovs-muvi-meiker-obzor-besplatnoi-versii/" title="Test de la version gratuite de Movie Maker" rel="bookmark">Test de la version gratuite de Movie Maker</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/chto-takoe-telnet-chto-takoe-telnet-i-kak-polzovatsya-utilitoi/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/madcash.ru/wp-content/uploads/2014/11/naibolee-chasto-ispolzuemie-komandi-telnet.jpg" alt="Qu'est-ce que Telnet et comment utiliser l'utilitaire" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/chto-takoe-telnet-chto-takoe-telnet-i-kak-polzovatsya-utilitoi/" title="Qu'est-ce que Telnet et comment utiliser l'utilitaire" rel="bookmark">Qu'est-ce que Telnet et comment utiliser l'utilitaire</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/vse-kontakty-yota/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/tariffka.ru/wp-content/uploads/2017/04/Jota-s-tarifami-po-Rossii.jpg" alt="Tous les contacts Yota" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/vse-kontakty-yota/" title="Tous les contacts Yota" rel="bookmark">Tous les contacts Yota</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://rokwell.ru/fr/pochemu-ne-formatiruetsya-sd-karta-chto-delat-esli-ne/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/kevin-seoshnik.ru/wp-content/uploads/2015/02/disk-zashhishhyon-ot-zapisi.jpg" alt="Que faire si le lecteur flash ne peut pas être formaté" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://rokwell.ru/fr/pochemu-ne-formatiruetsya-sd-karta-chto-delat-esli-ne/" title="Que faire si le lecteur flash ne peut pas être formaté" rel="bookmark">Que faire si le lecteur flash ne peut pas être formaté</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>