Tutoriel Man Conseils Blogger — Tutorielman
L'optimisation automatique des images de blog pour le référencement naturel SEO à partir d'un blog Blogger / Blogspot – Ceci est fait pour que les images sur votre blog soient optimisées et référencé naturellement – soient indexées automatiquement par les moteurs de recherche comme Google afin que vous ne soyez pas gêné en les ajoutant naturellement {en ajoutant une phrase de description à la description 
<img alt="image" height="125" src="image.png" whidth="125"/>   lors de la publication d'une photo.}


–Cette méthode peut considérer comme gênante, avec cette méthode auto-charge d'images à la même description que le titre de l'image. 
Par conséquent, vous devez fournir le nom approprié pour chaque image qui sera publiée.

Pourquoi avez-vous besoin d'optimiser automatiquement les images de votre blog Blogger pour le référencement naturel SEO ?

Parceque les images de la page du blog est l'un des médias qui peut être utilisé pour le trafic sur les moteurs de recherche, car certains internautes aiment rechercher ou simplement parcourir pour pouvoir des images de votre blog

Voici comment Installer un code SEO automatiquement pour les images de vos messages {articles} de blog

Pour se faire, allez dans votre tableau de bord de Blogger ou vous souhaitez installer le installer le code SEO auto des images de vos messages de blog Blogger, puis recherchez le code de cette balise </body>, dans votre modèle de votre blog Blogger, avant d'aller à ce poste, veillez sélectionner et copiez  le code à installer, puis collez-le dans la partie souhaitée juste au-dessus du code </body>

Voici le code ci-dessous :



<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script> 


 
Après avoir coller le code déjà copier dans le presse-papiers de votre navigateur, puis  cliquez sur Enregistrer le modèle

 Chaque image de blog que vous installez dans un article aura automatiquement un code optimisé pour le référencement

Conseils et pensées

Ceci est un code pour les images soien optimisée automatiquement pour le référencement SEO à installer dans un blog Blogger est important pour l'optimisation des images dans les moteurs de recherche, comme Google, Yahoo!, Bing, etc, etc.
Si vous installez ce code dans votre blog Blogger à compter le jour après 5 jours à une semaine, voyez les résultats et venez me faire un commentaire à ce poste ou directement à la Newletter de Tutoriel Man.

Cet article ? Espérant avoir l'opportunité de vous suggérer ce code SEO auto des images de publication d'un article de blog sur Blogger est important ?

Espérons-le utile et respectueux

Référencement naturel SEO : Comment Optimiser les Images de votre Blog Blogger pour les moteurs de recherche |

À propos du plan du site où le sitemap d'un blog sur Blogger

Le plan du site XML aident les moteurs de recherche à mieux indexer notre site internet ou votre blog afin d'augmenter le référencement naturel SEO. Le plan du site ou sitemap sont pris en charge par tous les principaux moteurs de recherche, notamment Google, Bing et Yahoo!
Comment créer un plan de site pour votre blog Blogger

Avec le générateur de sitemap, vous pourrez créer un sitemap XML valide et complet pour votre blog Blogger.
Arriver au niveau de la page du site, tapez tout simplement l'adresse (URL) complet de votre site web ou blog que vous voulez ajouter ou suivre les mises à jour de ces fichiers XML fourni par les robots de sitemap, appuyez sur le bouton (Creer), puis ajouter le plan du site à votre blog Blogger

L'outil pour générer un sitemap Google XML pour les blogs hébergés sur Blogger (tels que https://donipress.blogspot.com, https://donitoriel.blogspot.com), ainsi que les blogs auto-hébergés (tels que :  https://www.tutorielman.com/, postsecret.com, internetgrat8.ml, etc..), qui exécutent sur blogger.com mais la différence c'est avec un domaine personnalisé.

En interne, l'outil analyse de sitemap XML par défaut de Blogger pour déterminer le nombre total de publication sur votre site internet ou blog et de les divisées en plusieurs parties de sitemaps, chacun 500 entrees.

Cet outil a été crée par (Armit Agarwal, le 02 Octobre 2009) dans l'approche CTRLQ

Comment créer un Sitemap pour un blog sur Blogger ?

Pour créer un plan de votre site ou sitemap XML de votre blog dans Blogger, collez l'URL complet de votre site web ou de votre blog Blogger (Blogspot), y compris http:// voir la capture d'écran ci-dessous :

Qu'est-ce qu'un générateur d'outil d'un plan du site ou d'un sitemap d'un fichier XML ?

Cet outil générateur gratuit de fichier génère un plan d'un site web appeler le sitemap complet de votre site internet ou de votre blog Blogger, afin de mentionner tous les articles de votre blog et pas seulement les articles récemment publiés.

À lire également : Comment accélérer le chargement rapide d'un blog Blogger 2020

Qu'est-ce-que le plan du site ou sitemap XML de Blogger ?/

Le plan de site XML ou Sitemap XML de Blogger aident les moteurs de recherche à mieux indexer notre site internet ou votre blog afin d'augmenter le référencement naturel SEOLe plan du site ou sitemap sont pris en charge par tous les principaux moteurs de recherche, notamment Google, Bing et Yahoo!

Comment Optimiser le chargement rapide de votre blog Blogger 2020

La Redirection de Blogger vers des domaines spécifiques à un pays

Les blogs Blogger / Blogspot sont désormais redirigés automatiquement vers des domaines Blogspot spécifiquement à un pays, mais vous devez entrer l'adresse .com à l'adresse principale pour la génération de plan de sitemap
Cette redirection d'URL est basée sur un pays d'où le visiteur vient.

À lire également : Conseils pour augmenter le chargement de blog Blogger en 2020

Comment empêcher Blogger de rediriger ses messages vers des domaines spécifiques à un pays ?

Cette redirection d'URL basée sur le pays et aura probablement un impact moins positif sur vos blogs Blogger, par exemple :
  1. Les statistiques sociales – telles que vos mentions Facebook, Google+ 1 et Tweets, par exemple peuvent être réduites pour vos articles de blog seront différentes pour différents visiteurs
  2. Vous rencontrez un problème similaire si vous utilisez une plateforme de  Commentaires externes telles que Disqus ou Facebook Comments, car les URL du blog ou de votre site web seront différentes même si la page sous-jacente est identique
  3. De plus, si la canonisation n'est pas correctement mise en œuvre, cela peut vous coûter un peu de Google jusqu'à ce que des sites web externes puissent renvoyer vers des pages de votre pays.
  4. Certains utilisateurs ont signalés une base de leur revenues dans Google Adsense lorsque des pages étaient desservies par des domaines spécifiques à un pays.

Si vous n'êtes pas satisfait de l'idée de Blogger qui redirige votre blog vers une nouvelle adresse URL, vous pouvez ajouter le code suivant à votre modèle de blog ou template Blogger de votre site web, qui servira toujours l'adresse URL suivi de .COM à vos visiteurs quelques soit leur emplacement géographique.

Accédez à Blogger.com dans le tableau de bord de votre blog Blogger et choisissez cliquez sur le bouton Modèle template ou Layout de votre blog
Cliquez ensuite sur bouton Modifier le code HTML suivi de continuer, Blogger a modifié l'interface de son affichage de la mise en page , donc si vous êtes un nouveau blogueur entre temps commencer à bloguer en 2018-2019 ou débutant en 2020, faites avec précision dans cette partie, par conséquent, Blogger a changer la partie modifier le code HTML en trois points. Après avoir cliqué dessus, veillez à le faire comme je vous ai expliqué dans cet article et vous parviendrez à installer le code dans votre modèle de blog Blogger juste après la balise <head>.

<script type="text/javascript">

  // Written by Amit Agarwal
  
  /* Get the full URL of the current blogger page */
  var blog = document.location.href.toLowerCase();

  /* Do not redirect if the domain is .com already */
  if (!blog.match(/\.blogspot\.com/)) {

    /* Replace the country TLD with .com and ncr switch */
    blog = blog.replace(/\.blogspot\..*?\//, ".blogspot.com/ncr/");

    /* Redirect to the new .com URL in the current tab */
    window.location.replace(blog);
  }

  // Source: http://labnol.org/?p=21031
  
</script>
Cliquez maintenant sur le bouton Enregistrer le modèle. Votre blog Blogger sera désormais toujours utiliser avec l'URL blogspot.com

À lire également : Accélérer le changement de votre blogs en 2020 avec les En-têtes Expirés

L'extrait de code Javascript obtient l'URL de la page Blogger actuelle. S'il ne parvient pas du domaine .com, le code remplace le LTD spécifique au pays (blogspot.com ou au Blogspot.tk) par l'URL blogspot.com.
Il ajoute également vers l'adresse Blogspot.com

L'extrait du code est désormais plus efficace
 et peut générer les URL de Blogspot et non www, y compris celles services à partir de HTTP et sécurisé HTTPS

Conseils et pensées pour conclure

Nous avons bien et belle testé l'outil de générateur de fichier XML du plan de site ou sitemap XML de Blogger, vous pouvez aussi le tester sur votre blog Blogger afin de pouvoir une meilleure expérience sur votre site web.
Cet didacticiel vous ai écrit pour un tutoriel gratuit par l'auteur de ce site web et partager par un administrateur consacré à la Création d'un plan du site sitemap pour un blog Blogger  a pris fin, nous vous souhaitons de le partager avec vos amis, entourage, et a votre famille.

N'oubliez pas de nous suggérer d'autres solutions que vous connaissez ou vous pratiquez dans votre blog Blogger en nous précisant dans les commentaires ci-dessous.

Créer un plan du site ou sitemap d'un blog Blogger


Comment débuter avec le code CSS

Chaque blogueur veut le code de son site internet ou son blog rendre plus simple et correcte. Nouveau blogueur ou nouveau développeur, ils n'ont aucune idée de la nécessité de placer le code CSS.  C'est des astuces simples mais efficaces.Cela donnera non seulement un bon rendu à votre code, mais également un chargement plus rapide de votre site web / blog.

 Nous avonsffectués des recherches sur de nombreux tutoriels sur les widgets de blog Blogger et montré que tout le code CSS ajouté était ajouté entre ces balises style <style type="texte/css"> -- Code CSS ici -- </style> ou encore une autre manière d'intégration du code dans les balises <style> -- Code CSS -- </style>. Ils les ont ajoutés pour que vous puissiez ajouter facilement des widgets, mais je vous suggère d'essayer d'ajouter toujours du code CSS en procédant de la matière suivante :

Comment ajouter du code CSS à son blog sur Blogger ?

Prenons un exemple, nous ajoutons le code CSS suivant dans un blog Blogger. N'oublie pas que lorsque vous ajoutez du code CSS de cette manière, vous n'avez pas besoin de copier.

Si vous voulez mettre du code CSS à votre blog Blogger, faites comme je vous explique ci-dessous :

Étape 1: Allez à Blogger
Étape 2: Cliquez sur le bouton Modèle ou Layout
Étape 3: Cliquez sur le bouton Modifier HTML
Étape 4: Cliquez maintenant sur n'importe où dans la zone de code de votre blog de Blogger
Étape 5: Recherchez encore la balise du code de la fermeture ]]></b:skin>
Étape 6: Ajoutez le code CSS suivant ou mettez n'importe quel type de code CSS avant les balises fermeture ]]></b:skin>
Étape 7: Copiez le code ci-dessous et collez-le avant les balises que je viens de vous expliquer, avant ce code : ]]></b:skin>


 p 
 { wodr-wrap: break-word;
}


Étape 8: Cliquez sur le bouton (Enregistrer le modèle)

Conseils

Cette astuce va vous aider à rendre votre blog plus correct et plus simple que vous le voulez, c'est une augmentation et avantageux de votre site web pour pousser vers pro.

Remarque : c'est un conseil pour les blogueurs débutants dans le Blogging si vous vous voulez savoir plus sur cet article, veillez l'ami de soumettre un commentaire ci-dessous


Je pense que vous avez apprécié cet article.

Comment ajouter du code CSS à son blog Blogger


 Comment installer Lazy Load sur un blog pour accélérer le chargement rapide pour optimiser son référencement naturel sur Blogger/Blogspot
 L'installation de Lazy Load sur un blog est peut-être beaucoup de gens (blogueurs) ou blogueurs (débutants) qui ne savent encore pas qu'est-ce Lazy Load ?

Il existe de nombreuses façons d'accélérer le chargement d'un blog, notamment en installant le plugin Lazy y. Cette fois-ci votre ami du blog Tutoriel Man partagera une astuce d'optimiser le changement de votre blog pour faciliter le référencement naturel seo de son blog Blogger.

Comment installer Lazy Load sur un blog pour l'organisation et le chargement rapide sur le référencement naturel seo d'un blog Blogger ?

Comment augmenter le classement de son blog sur les moteurs de recherche
Installation de Lazy Load sur un blog

Allez à blogger.com et sélectionner sur le blog que vous voulez mettre la mise à jour de cette astuce pour le chargement rapide de votre blog.
1 Cliquez sur Modèle ou Template puis cliquer sur le bouton Modifier le HTML
Ajoutez ou copiez ce code ci-dessous et installez le juste avant le code de la fermeture </body>

Désolé, il n'y a pas de démo pour voir cette astuce, asseyez la s'il-vous-plaît. Voilà l'explication que j'ai partagé avec vous, si vous avez compris et installer sur votre blog, vous êtes mes meilleurs amis et restez en ligne sur ce blog.

2 Cliquez sur Enregistrer le modèle et voir les résultats.
 
<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>


Conclusion

Cette astuce de Lazy Load sur un blog avec jQuery sur un blog, sur ce nouveau tutoriel pour apprendre les bases et système du référencement naturel seo pour une augmentation des visiteurs sur votre blog et les meilleurs de recherche l'optimisent votre blog pour mieux indexer votre blog.

Ce didacticiel est court mais ça intéresse mes amis débutants et certains anciens blogueurs pour mieux comprendre les meilleures raisons d'accélérer le chargement d'un blog avec Lazy Load sur un blog est la meilleure.

En poursuivant cet article, espérons-le utile et conseiller

Installer Lazy Load pour optimiser le chargement d'un blog

Subscribe Our Newsletter