{"id":71082,"date":"2013-11-29T09:03:12","date_gmt":"2013-11-29T08:03:12","guid":{"rendered":"http:\/\/onsoftware.softonic.fr\/?p=71082"},"modified":"2025-06-12T12:21:33","modified_gmt":"2025-06-12T11:21:33","slug":"2013-11-29-astuce-windows-comment-creer-live-tile","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/fr\/2013-11-29-astuce-windows-comment-creer-live-tile\/","title":{"rendered":"Astuce Windows 8: cr\u00e9er une live tile pour am\u00e9liorer la visibilit\u00e9 de votre site Web"},"content":{"rendered":"<p><strong>Le syst\u00e8me d&#8217;exploitation Windows regorge de trucs et astuces m\u00e9connus<\/strong> du grand public mais qui, au quotidien, peuvent s&#8217;av\u00e9rer tr\u00e8s pratiques. Aujourd&#8217;hui, Softonic vous explique comment cr\u00e9er en quelques minutes une vignette dynamique pour votre blog ou site internet.<\/p>\n<p>Webmasters, blogueurs, voici comment <strong>am\u00e9liorer la visibilit\u00e9 de votre site<\/strong>! Les vignettes dynamiques promues par Microsoft depuis Windows 8 permettent \u00e0 n\u2019importe quel site Web d\u2019<strong>afficher des notifications sur le nouvel \u00c9cran d\u2019Accueil<\/strong>. Aujourd\u2019hui, Softonic vous explique comment cr\u00e9er une &#8220;live tile&#8221; pour Windows 8.1 en quelques minutes.<\/p>\n<p><!-- Start of Brightcove Player --><\/p>\n<div>\n<\/div>\n<p><!--\nBy use of this code snippet, I agree to the Brightcove Publisher T and C \nfound at https:\/\/accounts.brightcove.com\/en\/terms-and-conditions\/. \n--><\/p>\n<p><object><\/object><\/p>\n<p><!-- \nThis script tag will cause the Brightcove Players defined above it to be created as soon\nas the line is read by the browser. If you wish to have the player instantiated only after\nthe rest of the HTML is processed and the page load is complete, remove the line.\n--><br \/>\nbrightcove.createExperiences();<\/p>\n<p><!-- End of Brightcove Player --><\/p>\n<p>&nbsp;<\/p>\n<p>Avec Windows 8.1 et comme pour les pr\u00e9c\u00e9dentes versions de Windows, il est possible d\u2019<strong>ajouter un raccourci<\/strong> vers n\u2019importe quelle page Web sur l\u2019\u00c9cran d\u2019Accueil. Seule diff\u00e9rence: plut\u00f4t que de cr\u00e9er un raccourci sur le Bureau, vous pouvez d\u00e9sormais ajouter le site de votre choix via la version Moderne d\u2019Internet Explorer pour Windows 8.1. en cliquant sur &#8220;Favoris&#8221; puis sur &#8220;\u00c9pingler le site&#8221;. Un simple raccourci appara\u00eet alors sur l\u2019\u00c9cran d\u2019Accueil.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2013\/11\/Comment-cr\u00e9er-une-live-tile-pour-votre-site-Web-Softonic-011-568x444.png\" alt=\"Comment cr\u00e9er une live tile pour votre site Web Softonic\" title=\"Comment cr\u00e9er une live tile pour votre site Web Softonic\" width=\"568\" height=\"444\" class=\"aligncenter size-large wp-image-71421\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/Comment-cr\u00e9er-une-live-tile-pour-votre-site-Web-Softonic-011-568x444.png 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/Comment-cr\u00e9er-une-live-tile-pour-votre-site-Web-Softonic-011-268x209.png 268w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/Comment-cr\u00e9er-une-live-tile-pour-votre-site-Web-Softonic-011.png 600w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<p>Les <strong>vignettes dynamiques de Windows 8<\/strong> permettent aux internautes de recevoir directement sur l\u2019\u00c9cran d\u2019Accueil toutes les derni\u00e8res actualit\u00e9s de votre site. Cependant, elles ne sont pas g\u00e9n\u00e9r\u00e9es automatiquement. Pour vous faciliter la t\u00e2che, Microsoft a mis en place un site baptis\u00e9 <a href=\"www.buildmypinnedsite.com\" target=\"_blank\" rel=\"noopener noreferrer\">BuildMyPinnedSite.com<\/a>. Voici tout de suite comment l\u2019utiliser.<\/p>\n<p>Une fois sur la page d\u2019accueil, vous devez tout d\u2019abord <strong>renseigner le titre de la vignette, la couleur<\/strong> de l\u2019arri\u00e8re-plan, l\u2019image \u00e0 afficher (les formats support\u00e9s sont les suivants : PNG, GIF et JPG) et enfin, les dimensions de la &#8220;live tile&#8221;. Vous pouvez ensuite recadrer l\u2019image pour chacune des tailles disponibles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-10-crop-568x417.png\" alt=\"Cr\u00e9er une live tile Windows 8.1 Softonic\" title=\"Cr\u00e9er une live tile Windows 8.1 Softonic\" width=\"568\" height=\"417\" class=\"aligncenter size-large wp-image-71422\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-10-crop-568x417.png 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-10-crop-268x197.png 268w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-10-crop.png 1091w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<p>Pour finir, il vous faut <strong>ajouter le fil RSS associ\u00e9 \u00e0 votre site Web<\/strong> pour que les notifications s\u2019affichent correctement. D\u00e8s lors, la vignette dynamique reprendra automatiquement les 5 derni\u00e8res mises \u00e0 jour relev\u00e9es sur votre site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-061-568x436.png\" alt=\"Ajouter un fil RSS pour cr\u00e9er la live tile\" title=\"Ajouter un fil RSS pour cr\u00e9er la live tile\" width=\"568\" height=\"436\" class=\"aligncenter size-large wp-image-71424\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-061-568x436.png 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-061-268x206.png 268w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-061.png 1214w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<p>Enfin, la derni\u00e8re \u00e9tape consiste \u00e0 <strong>r\u00e9cup\u00e9rer les balises meta pour les int\u00e9grer au code HTML<\/strong> de votre site. Pour que la vignette s\u2019affiche correctement, vous devez aussi importer les images PNG de votre vignette sur votre serveur. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-071-568x401.png\" alt=\"Copier coller le code HTML de la live tile\" title=\"Copier coller le code HTML de la live tile\" width=\"568\" height=\"401\" class=\"aligncenter size-large wp-image-71425\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-071-568x401.png 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-071-268x189.png 268w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website-071.png 1216w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<p>Une fois le code bien int\u00e9gr\u00e9 \u00e0 votre site, les utilisateurs pourront, au moment d\u2019\u00e9pingler le site sur leur \u00c9cran d\u2019Accueil, choisir entre les diff\u00e9rentes tailles de &#8220;live tile&#8221; disponibles. Ils seront alors directement inform\u00e9s des derni\u00e8res mises \u00e0 jour de votre site via la tuile dynamique.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website1-568x237.png\" alt=\"Live Tile Softonic\" title=\"Live Tile Softonic\" width=\"568\" height=\"237\" class=\"aligncenter size-large wp-image-71426\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website1-568x237.png 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website1-268x112.png 268w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/9\/2013\/11\/20131119-wtotw-how-to-create-a-live-tile-for-your-website1.png 643w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Connaissiez-vous cette astuce?<\/strong><\/p>\n<p><strong>Article associ\u00e9<\/strong><\/p>\n<p><a href=\"http:\/\/articles.softonic.fr\/2013-09-04-trucs-et-astuces-windows-tutoriels-pc\"><strong>Astuces Windows en vid\u00e9o: nos meilleurs tutoriels pour bien utiliser son PC<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le syst\u00e8me d&#8217;exploitation Windows regorge de trucs et astuces m\u00e9connus du grand public mais qui, au quotidien, peuvent s&#8217;av\u00e9rer tr\u00e8s pratiques. Aujourd&#8217;hui, Softonic vous explique comment cr\u00e9er en quelques minutes une vignette dynamique pour votre blog ou site internet. Webmasters, blogueurs, voici comment am\u00e9liorer la visibilit\u00e9 de votre site! Les vignettes dynamiques promues par Microsoft &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/fr\/2013-11-29-astuce-windows-comment-creer-live-tile\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Astuce Windows 8: cr\u00e9er une live tile pour am\u00e9liorer la visibilit\u00e9 de votre site Web&#8221;<\/span><\/a><\/p>\n","protected":false},"author":8016,"featured_media":71086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[16774,1],"tags":[3521,8516,9852,9849,9855,9854,1847,1925,9853,9850,9851,6,6426],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-71082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-uncategorized","tag-astuce","tag-astuce-windows","tag-creer-live-tile-windows","tag-live-tile","tag-site-internet-live-tile","tag-site-internet-tuile-dynamique","tag-tip","tag-trucs-et-astuces","tag-tuile-dynamique-windows","tag-vignette-dynamique","tag-vignette-windows","tag-windows","tag-windows-8-1"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts\/71082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/users\/8016"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/comments?post=71082"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts\/71082\/revisions"}],"predecessor-version":[{"id":165299,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/posts\/71082\/revisions\/165299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/media\/71086"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/media?parent=71082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/categories?post=71082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/tags?post=71082"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/usertag?post=71082"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/vertical?post=71082"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/fr\/wp-json\/wp\/v2\/content-category?post=71082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}