Affichage de plans Sitemap sur Blogger

Views:
Affichage de plans Sitemap sur Blogger



Sitemap est une partie d'un blog qui est assez important et est l'un des éléments de référencement d'un blog. Le plan du site ici est une page qui affiche une carte du site ou une table des matières pour les visiteurs du blog, ce qui facilitera la visualisation ou la recherche du contenu du blog par les visiteurs
Un moyen d'afficher un sitemap de blog consiste à utiliser un script. En effet, le sitemap ne peut pas être enregistré directement sur la page HTML de Blogger AMP, car cela provoquerait une erreur AMP sur cette page.

Pour cela, une façon d'afficher le sitemap sur la page statique AMP HTML de Blogger consiste à utiliser amp-iframe en hébergeant tout d'abord un sitemap sur un tiers, de sorte qu'il puisse être chargé avec amp-iframe.




Mais comme nous savons que l'affichage d'amp-iframe doit être stocké à 70% du bord supérieur de l'écran, sinon l'amp-iframe n'apparaîtra pas sur le blog.




Et enfin, j'ai trouvé un moyen sûr d'afficher amp-iframe sans avoir à économiser 70% du bord supérieur de l'écran. C'est-à-dire que nous pouvons utiliser l'image en tant qu'espace réservé qui appuie sur iframe.




Désormais, si vous souhaitez également essayer de créer un sitemap pour blog sur la page statique HTML de Blogger AMP, utilisez le code suivant et collez-le en mode HTML pour page statique pour le sitemap.


<amp-iframe title="Sitemap"
              src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps-amp.html?url=https://souha3.blogspot.com/"
              height="750"
              layout="fixed-height"
              frameborder="0"
              sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUTXbxcRps6Sr3vaYRsbcehfHumbzHwDRQxtlKd5r7nQRS9HjNF7VQlXJlSymTn1udZKL9RH9OKNbqP-kqX4vHvaHOctDrjiifk888aOfd10FDy-tfgjpOxOM5f__lNhoaKmtq0MkECqU/s1600/placeholder.png"
             layout="fixed-height"
             height="360"
             width="auto"
             placeholder>
    </amp-img>
  </amp-iframe>



Veuillez modifier l'URL https://souha3.blogspot.com/ avec l'URL de votre blog. Le blog doit déjà utiliser HTTPS.

Cette astuce peut également afficher n'importe quoi sur les pages avec amp-iframe. Bonne chance et j'espère utile.
youtube 
المقال التالي المقال السابق
لا تعليقات
إضافة تعليق
رابط التعليق