Paramétrage du site Web Meta Geo Tagging (Blogger)

Paramètres méta-géolocalisés du site Web (Blogger) - Avant d'installer le balisage méta-géo sur le site html, nous devons d'abord comprendre les fonctions et les avantages du géo-étiquetage sur le site. Le balisage méta-géo intégré au site Web html vise en réalité à déterminer l'emplacement physique ou réel du site ( site de gestion de société ou de site Web). En plaçant des balises géographiques sur une page Web ou un flux RSS, vous avez fourni à l'utilisateur et au moteur de recherche des informations sur la position géographique du site. Le géolocalisation des métadonnées peut également faire référence à l'emplacement des pages et des objets de site, tels que des légendes de photos, des vidéos, etc.

L’avantage le plus évident des métadonnées de géolocalisation figurant dans l’en-tête du site est de minimiser ou de rationaliser le niveau de concurrence des sites de référencement Web sur les pages de résultats de recherche locales afin que les sites ou les entreprises proches (locales) aient la possibilité d’en savoir plus sur les résultats de recherche Google, par exemple. Les métadonnées de géolocalisation sont très efficaces si elles sont placées sur des sites commerciaux tels que des restaurants, des sites de voyage, etc. Le balisage méta géo est désormais considéré comme un outil de référencement local pratique, même si parfois les robots de recherche ignorent également les métadonnées de géolocalisation incorporées au site. Web en raison du faible niveau de précision de la localisation.

Exemple de métadonnées de géolocalisation

<meta content = "ID-KR" name = "geo.region" />
<meta content = "FRANCE" name = "geo.placename" />
<meta content = "1.130078; 104.052921" name = "geo.position" />
<meta content = "1.130078, 104.052921" name = "ICBM" />

Pour obtenir ou effectuer un méta-géomarquage avec un degré élevé de précision, je vous recommande vivement d'utiliser des outils en ligne tels que le Générateur de balises géographiques. Dans certains cas, le gestionnaire de site copie uniquement les métadonnées de balises géographiques à partir d'autres sites, puis les place dans l'en-tête de son propre site Web. Bien entendu, le comportement est incorrect et inutile pour le site Web, car le marquage méta-géo de la copie sera considéré comme inexact, le robot de recherche pourra donc l'ignorer.

Meta Geo Tag pour le contenu du site Blogger

Je pense que vous avez également remarqué la fonctionnalité de localisation sur le côté droit du post-blogger blogger. Le principe de la fonction de localisation de l'éditeur post-blogger est identique à celui de la fonction de méta-géolocalisation pour déterminer l'emplacement du contenu ou des publications de blogger. Les emplacements ciblés peuvent être spéciaux ou plus généraux, tels que ville, province ou pays, comme dans l’illustration ci-dessous;

La meilleure pratique pour déterminer l'emplacement géographique du contenu du site de blogueur consiste à l'ajuster au sujet de l'objet de l'article. Si vous écrivez à propos de Jakarta, l'emplacement géographique de l'article doit également être associé à l'emplacement de Jakarta. Si le contenu est une entreprise locale, l'emplacement doit être plus détaillé que l'emplacement physique de l'entreprise.

Si le site contient un contenu de lecture général, il ne fait pas de mal d'ajouter une balise d'emplacement à l'article ou nous pouvons ajouter une propriété plus générale de métadonnées og: locale qui est recommencée par Open Graph comme indiqué ci-dessous;

<meta property = "og: locale" content = "en_GB" />
<meta property = "og: locale: substitut" content = "xx_xx" />
<meta property = "og: locale: substitut" content = "xx_xx" />

La propriété og: locale est très générale et facultative pour tout objet tel que le contenu d'un article, les photos, l'audio et la vidéo. En général, son application est fortement recommandée. Vous pouvez combiner les trois méthodes de balise de géolocalisation ci-dessus pour augmenter la présence de sites Web et de contenu de site sur la page de résultats d'imbrication.

Je pense que cela est suffisant pour être utilisé comme référence pour comprendre le méta-marquage géographique et comment définir des métadonnées de balises géographiques sur la page du site Web. Vous voudrez peut-être en savoir plus sur le méta-géolocalisation ailleurs, mais je vous recommande vivement de l'apprendre en premier sur le lien officiel que j'ai joint à cet article pour appuyer la mise en œuvre du balisage méta-géo sur votre site.

Optimisation des widgets de publication populaires

Optimisation des widgets de publication populaires de Blogger - L’optimisation des widgets de publication populaires consiste à optimiser les performances des widgets et des moteurs de recherche en supprimant les CSS en ligne et en ajoutant des propriétés de texte alternatives (texte alternatif) à la vignette de publication populaire. Selon le principe du référencement (Search Engine Optimization), une image téléchargée sur un site Web doit comporter un texte alternatif afin que les robots d'exploration puissent reconnaître clairement l'image à afficher sur la page des résultats de la recherche lorsque quelqu'un tape des mots clés correspondant au texte alternatif de l'image.

Vous y avez peut-être vu de nombreux articles expliquant comment optimiser les widgets populaires de publication de blogueurs, mais ici, je vais expliquer en détail comment optimiser un widget affichant des publications populaires de sites de blogueurs afin d'améliorer le référencement ou les méthodes de référencement. Mais je dois d’abord souligner que vous devez tester votre site d’abord avec l’outil de vérification du référencement pour connaître la qualité des widgets de publication populaires utilisés. Faites attention aux résultats du test du site de référencement avant d’optimiser comme suit;

Un widget comme les publications populaires et d'autres widgets de publication qui affichent des images

les vignettes doivent avoir une alternative (alt text) afin que, conformément à la méthode de référencement, alt text informe le robot d'exploration ou le robot d'exploration Google, Bing et Yahoo des spécifications de l'image.

J'ai un peu expliqué que l'analyse robotique n'avait pas d'yeux et était daltonien. Reconnaître l'image d'un robot d'exploration ne s'appuie que sur un texte alternatif. S'il n'y a pas de texte alternatif sur une image, il est possible que l'analyse robotique lise l'image à l'aide de balises de titre sur un message, mais bien sûr ce n'est pas conforme au vrai comportement de "référencement".

Donc, fondamentalement, pour ajouter le référencement "qualité de widget de publication populaire" sur le moteur de recherche, il n'y a que deux manières, à savoir:

1. Ajouter un texte alternatif à la vignette du widget populaire
2. Supprimer les images miniatures de widgets

Les deux méthodes ci-dessus sont toutes deux utiles pour améliorer la qualité d'un site de blogueur, mais il est bien sûr préférable d'utiliser la méthode numéro 1, qui consiste à ajouter un texte alternatif au widget image, voir la raison et suivre les étapes.

Ajout de texte alternatif à un post populaire

1. Connectez-vous à Blogger> Modèle> Modifier le code HTML
2. Cliquez ensuite sur Passer au widget> sélectionnez le widget PopularPosts1.
3. Ouvrez le dossier du widget code HTML et recherchez le code ci-dessous.

<div class = 'item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b: with value = 'data: post.featuredImage.isResizable? resizeImage (data: post.featuredImage, 72, "1: 1"): data: post.thumbnail 'var =' image '>
<img alt = '' border = '0' expr: src = 'data: image' />
</ b: avec>
</a>
</ div>

Supprimez ensuite le code de bordure = '0' et remplacez le code alt = '' par le code expr: alt = 'data: post.title', afin que davantage de code soit également ajouté au code expr: title = 'data: post.title' pour qu'il devienne comme le suivant;

<img expr: alt = 'données: post.title' expr: src = 'données: image' expr: title = 'données: post.title' />

Enregistrez le modèle pour mettre fin aux étapes d'optimisation du widget populaire post blogger. Si vous vous sentez confus, veuillez consulter l'exemple d'image ci-dessous pour faciliter la navigation dans le code que vous recherchez.

Maintenant que votre widget de publication populaire a été optimisé et devient plus convivial, testez à nouveau votre site avec n'importe quel outil de vérificateur de référencement afin que le message manquant figurant sur le message populaire alt image post ait disparu (complet).

Un peu de connaissance supplémentaire, le code de bordure = '0' sur le widget de publication populaire sera considéré comme un css en ligne pouvant interférer avec l'analyse HTML ou DOM (Document Object Model), bien que le css en ligne soit en réalité un peu légitime et raisonnable, mais devrait l'être en css il doit être supprimé s'il n'endommage pas l'affichage, l'objectif est d'améliorer les performances du site, en particulier l'optimisation de la vitesse du site et le chargement du widget de publication populaire lui-même.

Je pense que cela est suffisamment clair pour comprendre ce que l’on entend par l’optimisation des widgets et étapes de publication populaires ou la manière d’optimiser les widgets populaires pour les rendre plus conviviaux. Donc, de ma part, j'espère que cela sera utile et ajoutera à la connaissance du doute, abonnez-vous à ce site si vous aimez cet article et obtenez des conseils de blogging intéressants dans le futur, rendez-vous à nouveau.

Formulaire de contact de widget

Widget Formulaire de contact réactif - Le formulaire de contact ou Contactez-nous est l'un des nombreux widgets importants qui doivent exister sur chaque page de site Web, y compris les sites de blogueurs. Les widgets de formulaire de contact sont des intermédiaires reliant les visiteurs aux gestionnaires de site. Les formulaires de contact (formulaires de contact) sont généralement utilisés pour envoyer message sous forme de critiques, suggestions, commandes de publicités et autres. En outre, ce formulaire de contact fonctionne également comme un filtre anti-spam ou un programme malveillant pouvant être envoyé par des visiteurs coquins au gestionnaire du site de messagerie.

La plate-forme blogger fournit en fait des widgets de formulaire de contact pour les sites de blog, mais l'affichage du formulaire de contact fourni est toujours très simple. Le gestionnaire de site "par défaut" doit personnaliser le style du formulaire de contact lui-même avec quelques ajouts css pour le rendre plus élégant.

Comment créer une page de formulaire de contact Blogger

1. Connectez-vous à Blogger et créez une nouvelle page "page".
2. Dans le coin supérieur gauche de l'éditeur de page, cliquez sur le mode html au lieu de composer.
3. Copiez et collez le script de formulaire de contact blogger ci-dessous, puis appuyez sur le bouton Publier.
4. N'oubliez pas de créer un titre sur votre page de formulaire de contact.

Les tutoriels sont plus faciles à appliquer par quiconque car ce script de formulaire de contact de blogueur avait auparavant été ajusté et conçu pour être facilement installé sur la page statique de ce dernier.

Spécification du widget de formulaire de contact

• 100% réactif et mobile friendly
• Aspect simple et élégant + facile à appliquer
• Notification prête d'envoi de messages (message de réussite, message d'échec et message de saisie)

Formulaire de contact de script (combinaison de scripts css, html et java)

<style scoped = "" type = "text / css">
#stlb {margin: auto; max-width: 100%;}
# ContactForm1_contact-form-name, # ContactForm1_contact-form-email {width: 100%; height: auto; margin: 5px 0; padding: 15px 0; background: #fff; color: # 444; frontière: solide 1px rgb (213) , 216, 220);}
# ContactForm1_contact-form-email-message {width: 100%; height: 200px; margin: 5px 0; padding: 15px 0; background: #fff; color: # 444; border: 1px solid rgb (213, 216, 220) ;}
# ContactForm1_contact-form-submit {float: right; background: # 404040; marge: auto; alignement vertical: milieu; curseur: pointeur; remplissage: 12px 20px; taille de la police: 14px; alignement du texte: centre; espacement des lettres : .5px; border: 0; width: 100%; max-width: 140px; border-radius: 3px; color: #fff; police-weight: 500; transition: toutes les facilités .2}
# ContactForm1_contact-form-submit: hover {background: # 00BE98;}
# ContactForm1_contact-form-error-message, # ContactForm1_contact-form-success-message {width: 100%; margin-top: 0px; background: # 404040; color: #fff; taille de la police: 13px; fonte-weight: 600 ; border-radius: 3px}
</ style>

<form id = "stlb" name = "contact-form">
<input id = "ContactForm1_contact-form-name" name = "name" espace réservé = "Name *" size = "30" type = "text" value = "" />
<input id = "ContactForm1_contact-form-email" name = "email" placeholder = "Email *" size = "30" type = "text" value = "" />
<textarea cols = "25" id = "ContactForm1_contact-form-email-message" name = "email-message" placeholder = "" rows = "5"> </ textarea>
<input id = "ContactForm1_contact-form-submit" type = "button" value = "Envoyer un message" />
<div style = "max-width: 222px; text-align: center; width: 100%;">
<div id = "ContactForm1_contact-form-error-message" ">
</ div>
<div id = "ContactForm1_contact-form-success-message">
</ div>
</ div>
</ form>
<script src = "https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type = "text / javascript"> </ script>
<script type = "text / javascript">
// <! [CDATA [
if } _WidgetManager._Init ('// www.blogger.com/rearrange?blogID\x3d7234936860206777062','//atomuu.blogspot.com','7234936860206777062');
_WidgetManager._RegisterWidget ('_ ContactFormView', nouveau _WidgetInfo ('ContactForm1', 'footer1', null, document.getElementById ('ContactForm1'), {'contactFormMessageSendingMsg': '<span style = "padding: 5px"> S ... . </ span> ',' contactFormMessageSentMsg ':' <span style = "padding: 5px 10px"> Votre message a été envoyé avec succès. Merci de nous avoir contacté </ span> ',' contactFormMessageNotSentMsg ':' <span style = "padding: 5px 10px"> Impossible d'envoyer le message. Veuillez réessayer ultérieurement. </ span> ',' contactFormInvalidEmailMsg ':' <span style = "padding: 5px 10px"> Une adresse email valide est requise. </ span > ',' contactFormEmptyMessageMsg ':' <span style = "padding: 5px 10px"> Le champ du message ne peut pas être vide. </ span> ',' title ':' Formulaire de contact ',' blogId ':' 7234936860206777062 ',' contactFormNameMsg ':' Nom ',' contactFormEmailMsg ':' Email ',' contactFormMessageMsg ':' Message ',' contactFormSendMsg ':' Envoyer ',' submitUrl ':' https://www.blogger.com/contact-form.do '},' display ModeFull '));
//]]>
</ script>

Les instructions

• Veuillez modifier le code marqué en gras rouge avec l'ID du site blogger et l'URL du site respectif.
• Modifiez également le message de notification texte indiqué en bleu si nécessaire.
• Placez tous les scripts de formulaire de contact css, html et java sur une seule page, comme décrit dans les étapes ci-dessus.
• Voir l'exemple de formulaire d'affichage "display" sur ce lien [Formulaire de contact de démonstration]

Remarque: votre code d'identification Blogger est visible dans la barre supérieure du navigateur, comme dans l'exemple suivant.

https://draft.blogger.com/blogger.g?blogID=7234936860206777062#editor/

Terminé, j'espère que ce tutoriel peut vous aider à créer une page "contactez-nous" sur votre site de blogueur. Suivez ce site de messagerie pour recevoir des notifications de nos derniers articles.

Thème Couleur Metag Tag Blogger

Balise méta Blogger de couleur de thème - Ce didacticiel aborde une méthode ou comment ajuster la couleur du thème du navigateur (Chrome, Firefox et Opera) avec le thème de blogueur associé à la méta-balise de couleur du thème. À l'ère d'Android, les navigateurs modernes ont pris en charge les réglages des couleurs de thème avec les sites Web à thème, notamment les sites de blogueurs. Peut-être avez-vous également remarqué que les sites géants tels que Facebook, YouTube et autres, accessibles via le navigateur Chrome, modifieront automatiquement la couleur de la barre d'adresse en fonction de la couleur de leurs modèles. L’ajustement ne se produit certainement pas, mais plutôt un thème de couleur de balise méta qui le régit. Nous allons maintenant le rendre similaire aux thèmes de blogueur en utilisant le "thème de méta couleur".

L'image ci-dessus est un exemple de site Web avant d'utiliser la couleur du méta-thème. Après l'utilisation de la couleur du méta-thème, un site Web équipé d'une couleur de méta-thème demandera au navigateur d'adapter l'apparence des couleurs au thème du site afin qu'il soit plus uniforme et plus magnifique.

Installation de la balise méta Couleur de thème sur Blogger

Fondamentalement, le navigateur explorera les couleurs sur le code HTML du site afin de pouvoir ajuster la couleur avec le modèle de site. Veuillez ajouter la couleur de thème de balise méta suivante au modèle html de votre site Web à l'emplacement exact du code <head> et </ head>, les méta suivantes. le tag.

<meta content = '# d32f2f' name = 'theme-color' />

Enregistrez le code méta ci-dessus et affichez les résultats via le ponel Android, faites attention au code "# d32f2f" et modifiez le code de couleur en fonction du code de couleur du modèle de site Web. La couleur du thème Meta prend en charge les navigateurs "appareils android" de Google Chrome, Firefox & Opera. La meilleure pratique consiste à modifier ou à ajuster la couleur du navigateur avec le site, en faisant correspondre (comme) le code de couleur à la couleur d'en-tête du site Web. Si le site utilise un menu supérieur, ajustez le code de couleur à la couleur du menu supérieur du site.

Remarque: La couleur de thème de balise Meta ci-dessus ne prend en charge que les navigateurs des appareils Google Chrome, Firefox et Opera sur les appareils Android. Si vous souhaitez appliquer la couleur de thème de balise méta qui prend en charge de nombreux périphériques et navigateurs, veuillez ajouter la couleur de méta-thème ci-dessous;

<! - Supportez Google Chrome, Firefox et Opera ->
<meta content = '# d32f2f' name = 'theme-color' />
<! - Supporte Windows Phone et Safari iOS ->
<meta content = '# d32f2f' name = 'msapplication-navbutton-color' />
<meta content = 'yes' name = 'apple-mobile-web-app-capable' />
<meta content = '# d32f2f' name = 'apple-mobile-web-app-status-bar-style' />

La couleur du thème de balise Meta est supérieure à la prise en charge de la personnalisation des couleurs de thème dans les navigateurs Google Chrome, Firefox et Opera sur les appareils Android, les navigateurs Windows Phone et iOS Safari. Pour soutenir les performances de la balise meta, vous devez utiliser le code de couleur "color hexadecimal".

Si le site Web utilise la plate-forme wordpress, n'hésitez pas à installer le code de couleur du méta-thème ci-dessus, car les balises méta ci-dessus ne sont pas spécifiques aux blogueurs, mais à toutes les plates-formes de sites Web. Vous pouvez en savoir plus sur cette couleur de méta-thème sur le développeur de Google [Ouvrir]. En plus de la couleur du thème, vous apprendrez également à définir la résolution de l'icône sur un appareil mobile (smartphone).

Telle est l'explication de la couleur du méta-thème blogueur et la ligne de conduite pour appliquer la couleur du thème de la balise méta sur blogger et wordpress. Si tout va bien utile et vous revoir, n'oubliez pas de suivre et de vous abonner.

Avantages et manières d'utiliser la balise DNS Prefetch

Avantages et manières d'utiliser les balises DNS Prefetch - Qu'est-ce que la prélecture DNS (Prefetching du système de noms de domaine)? DNS Prefetch est une méthode permettant d’accélérer le chargement de certains domaines marqués par des balises dns-prefetch sur une page Web. Le mécanisme DNS Prefetch donnera au navigateur l'ordre de terminer le plus tôt possible le plus tôt possible pour restituer chaque nom de domaine. Le navigateur s'en souviendra pendant un certain temps. Ainsi, lorsque les visiteurs navigueront automatiquement dans la page, le navigateur affichera les pages Web plus rapidement, car tous les liens externes contenant des tags dns. -prefetch est considéré comme étant entièrement chargé.

Compréhension simple de la prélecture DNS

Essentiellement, le navigateur chargera ou visitera tous les liens (hyperliens) trouvés sur les pages du site, ce qui, bien sûr, empêchera le navigateur de pouvoir afficher les pages Web au complet, de sorte que le comportement ne soit pas effectué par le navigateur de manière répétée, ce que le responsable du site doit ajouter. Dns-prefetch balises dans des sites HTML destinés à certains domaines.

Ainsi, le navigateur s'achèvera et rendra dès que possible une collection de liens externes lors de la première visite, tandis que lors de la deuxième visite ou de la page suivante, il n'aura pas à afficher la collection de liens marqués de balises dns-prefetch afin que les visiteurs puissent économiser environ 200 millisecondes.

Ce site utilise également des balises dns-prefetch pour accélérer le rendu de nos pages. Les balises dns-prefetch aident vraiment à améliorer les performances de chargement de cette page Web, mais il est très regrettable que la balise dns-prefetch ne fonctionne pas sur les anciens navigateurs. Actuellement, DNS Prefetch ne fonctionne que sur les navigateurs IE 9 et supérieurs, Google Chrome, Firefox version 3.5 et ultérieure et Safari version 5+.

Comment utiliser la balise DNS Prefetch sur un site Blogger

Pour utiliser les balises dns-prefetch de manière plus optimale sur les sites de blogger, je vous recommande vivement d'installer des balises dns-prefetch sur des domaines ou des liens permanents externes figurant sur les pages du site, par exemple des liens vers des images, des fichiers css externes et des scripts javascript externes, ainsi que des liens de base ou de base. les bases des tags dns-prefetch sur les sites de blogger.

<link href = '// www.blogger.com' rel = 'dns-prefetch' />
<link href = '// 1.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 3.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 4.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 2.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 28.2bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// www.google-analytics.com' rel = 'dns-prefetch' />
<link href = '// fonts.googleapis.com' rel = 'dns-prefetch' />
<link href = '// ajax.googleapis.com' rel = 'dns-prefetch' />
<link href = '// resources.blogblog.com' rel = 'dns-prefetch' />
<link href = '// feeds.feedburner.com' rel = 'dns-prefetch' />

Enregistrez le préfixe DNS dans la zone d'en-tête du site (entre les balises <head> et </ head>). Si, sur le site de Blogger, il existe des liens externes provenant d'autres ressources, veuillez ajouter la balise dns-prefetch au format suivant;

<link href = '// url-external' rel = 'dns-prefetch' />

Modifiez le texte url-external avec le lien cible et commencez toujours par la chaîne double "//". Sur la base des informations du projet Chrome, le navigateur se souviendra des 10 premiers domaines et commencera automatiquement à résoudre les noms de domaine dans la balise dns-prefetch au début du processus de démarrage. .

Si des annonces adsense sont présentes sur le site de blogueur, vous pouvez également ajouter des balises dns-prefetch comme suit:

<link href = '// pagead2.googlesyndication.com' rel = 'dns-prefetch' />
<link href = '// googleads.g.doubleclick.net' rel = 'dns-prefetch' />
<link href = '// tpc.googlesyndication.com' rel = 'dns-prefetch' />

Vous n'avez pas besoin d'ajouter toutes les balises dns-prefetch à tous les domaines (liens externes) présents sur le site. Sélectionnez des noms de domaine qui nécessitent un long temps de chargement. Vous trouverez ci-dessous un lien hypertexte pouvant figurer sur le site qui a été ajusté pour le tagup dns-prefetch.

<! - dns-prefetch Blogger ->
<link href = '// 1.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 28.2bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 3.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 4.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// 2.bp.blogspot.com' rel = 'dns-prefetch' />
<link href = '// www.blogger.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google Analytics ->
<link href = '// www.google-analytics.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google Services ->
<link href = '// themes.googleusercontent.com' rel = 'dns-prefetch' />
<link href = '// pagead2.googlesyndication.com' rel = 'dns-prefetch' />
<link href = '// googleads.g.doubleclick.net' rel = 'dns-prefetch' />
<link href = '// www.gstatic.com' rel = 'preconnect' />
<link href = '// www.googletagservices.com' rel = 'dns-prefetch' />
<link href = '// static.xx.fbcdn.net' rel = 'dns-prefetch' />
<link href = '// tpc.googlesyndication.com' rel = 'dns-prefetch' />
<link href = '// apis.google.com' rel = 'dns-prefetch' />
<! - dns-prefetch Bootstrap CDN ->
<link href = '// maxcdn.bootstrapcdn.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google Fonts ->
<link href = '// fonts.googleapis.com' rel = 'dns-prefetch' />
<! - dns-prefetch Font Awesome ->
<link href = '// use.fontawesome.com' rel = 'dns-prefetch' />
<! - dns-prefetch Google CDN ->
<link href = '// ajax.googleapis.com' rel = 'dns-prefetch' />
<link href = '// resources.blogblog.com' rel = 'dns-prefetch' />
<link href = '// feeds.feedburner.com' rel = 'dns-prefetch' />
<! - dns-prefetch Microsoft CDN ->
<link href = '// ajax.microsoft.com' rel = 'dns-prefetch' />
<link href = '// ajax.aspnetcdn.com' rel = 'dns-prefetch' />
<! - dns-prefetch CDN JS ->
<link href = '// cdnjs.cloudflare.com' rel = 'dns-prefetch' />
<! - dns-prefetch Vimeo ->
<link href = '// player.vimeo.com' rel = 'dns-prefetch' />
<! - dns-prefetch Amazon S3 ->
<link href = '// s3.amazonaws.com' rel = 'dns-prefetch' />
<! - dns-prefetch BuySellads ->
<link href = '// s3.buysellads.com' rel = 'dns-prefetch' />
<link href = '// stats.buysellads.com' rel = 'dns-prefetch' />
<link href = '// cdn.adpacks' rel = 'dns-prefetch' />
<! - Dns-prefetch réseaux sociaux Github, YouTube, Facebook, Twitter, Pinterest, Linkedin et Google+ ->
<link href = '// github.com' rel = 'dns-prefetch' />
<link href = '// www.facebook.com' rel = 'dns-prefetch' />
<link href = '// connect.facebook.net' rel = 'dns-prefetch' />
<link href = '// plus.google.com' rel = 'dns-prefetch' />
<link href = '// twitter.com' rel = 'dns-prefetch' />
<link href = '// platform.twitter.com' rel = 'dns-prefetch' />
<link href = '// syndication.twitter.com' rel = 'dns-prefetch' />
<link href = '// r.twimg.com' rel = 'dns-prefetch' />
<link href = 'http://p.twitter.com' rel = 'dns-prefetch' />
<link href = 'http://cdn.api.twitter.com' rel = 'dns-prefetch' />
<link href = '// www.youtube.com' rel = 'dns-prefetch' />
<link href = '// www.pinterest.com' rel = 'dns-prefetch' />
<link href = '// www.linkedin.com' rel = 'dns-prefetch' />

Ainsi, l'explication et l'utilisation de la balise dns-prefetch (Domain Name System Prefetching) sur le site Web, en particulier sur le site blogger, vous permettent de répliquer l'utilisation de la balise dns-prefetch en regardant la source de ce site en appuyant sur le bouton Ctrl + U de la page d'accueil du site électricien Batam ou d'autres sites. qui pourrait utiliser dns-prefetch pour accélérer le chargement ou le chargement de leurs pages. j'espère que c'est utile et ajoute plus de connaissances et est désolé.

Comment voir le nombre de blogueurs seuls

Comment voir le nombre d'abonnés au blog seul - Un site de blog populaire compte certainement un grand nombre d'abonnés (abonnés), des centaines voire des milliers d'abonnés. Savez-vous que vous êtes un adepte du site blogueur que vous recevez de Feedburner ou mieux connu sous le nom de Suivi par courrier électronique ou Flux RSS. La question est quel est le nombre d'adeptes ou d'adeptes de votre site de blog actuel? Pour le savoir, voyons comment voir le nombre d'adeptes des sites de blogueurs obtenus à partir de Google feedburner (suivi du widget de messagerie électronique) ci-dessous;

Comment connaître le nombre d'adeptes de flux RSS

1. Connectez-vous d'abord au compte G-mail, puis
2. Visitez la page du tableau de bord Feedburner
3. Vous serez dirigé vers le tableau de bord RSS Feed (La page où vous voyez les statistiques et le nombre d'adeptes du site du blog)

Comme indiqué dans l'exemple suivant.

Description:

• La photo de gauche montre une liste de sites feedburner et le nombre de chaque suiveur de fil ou de blogueur.
• La photo de droite est une statistique de flux qui affiche le nombre de clics ou de vues générés par des flux ou des envois de messages envoyés aux abonnés du courrier électronique du site du blog.

Sur le tableau de bord de Feedburner (à gauche), il est connu que le nombre d'abonnés au blogging est de 289 abonnés. Dans le flux de statistiques (à droite), seul le nombre d'abonnés est de 83 abonnés (en moyenne), soit 289 abonnés actifs (voir flux). 83 suiveurs.

Maintenant, les amis blogueurs savent déjà comment connaître le nombre d'adeptes sur votre propre site de blog et lisent les statistiques sur le site de flux RSS ou Feedburner. Essayez donc de vérifier le nombre d'adeptes de votre site de blog pour être plus enthousiaste quant à la création de contenu (articles).

Comment obtenir des suiveurs de site Web

1. Installez le widget suivi par email sur le site du blog
2. Placez le widget de suivi dans une position stratégique (visible depuis n'importe quelle page)
3. Rendre le contenu (articles) utile (informatif).

Les contenus informatifs tels que le contenu des connaissances et les conseils et astuces usuels incitent plus facilement les lecteurs à suivre un site. Les visiteurs de sites de blogs seront donc ravis de suivre ou de suivre les sites de blogs par e-mail. C'est ainsi que j'ai expliqué RSS Feedburner, en particulier comment connaître le nombre d'abonnés au blog et consulter les statistiques de ses abonnés. Si tout va bien utile et augmenter les connaissances pour moi et tous les amis blogueurs. N'oubliez pas de suivre les courriels de ce site pour obtenir des informations sur Internet, les blogueurs, les ordinateurs et les sciences électriques (électricité).