{"id":1941,"date":"2023-02-15T10:54:50","date_gmt":"2023-02-15T10:54:50","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=605"},"modified":"2023-05-30T09:03:39","modified_gmt":"2023-05-30T09:03:39","slug":"favicon-fetcher","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/fr\/favicon-fetcher\/","title":{"rendered":"Favicon Fetcher"},"content":{"rendered":"<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-vivid-green-cyan-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"styles.css\">\n \n  <h1 align=\"center\"><font color=\"#ffffff\">Favicon Fetcher<\/font><\/h1>\n<section><br>\n    <div id=\"favicon-container\">\n      <div>\n        <label for=\"url\">Enter website URL:<\/label>\n        <input type=\"text\" id=\"url\" name=\"url\" required=\"\">\n        <button type=\"button\" id=\"fetch-button\">Fetch Favicon<\/button>\n      <\/div>\n      <div id=\"favicon-image\"><\/div>\n      <div>\n        <button type=\"button\" id=\"download-button\" style=\"display:none\">Download<\/button><br>\n      <\/div>\n    <\/div><br><section>\n    <script src=\"favicon-fetcher.js\"><\/script>\n  \n\n<script src=\"favicon-fetcher.js\"><\/script>\n\n\n\n<script>\n\/\/ Get the input field and buttons\nlet urlField = document.getElementById(\"url\");\nlet fetchButton = document.getElementById(\"fetch-button\");\nlet downloadButton = document.getElementById(\"download-button\");\n\n\/\/ Add event listener on fetch button click\nfetchButton.addEventListener(\"click\", function() {\n  \/\/ Get the website URL from the input field\n  let websiteURL = urlField.value;\n  \/\/ Fetch the favicon using the website URL\n  let faviconURL = `https:\/\/www.google.com\/s2\/favicons?domain=${websiteURL}`;\n  \n  \/\/ Show the fetched icon\n  let faviconImg = document.createElement(\"img\");\n  faviconImg.src = faviconURL;\n  faviconImg.id = \"faviconImg\"\n  document.getElementById(\"favicon-container\").appendChild(faviconImg);\n  downloadButton.style.display = \"block\";\n});\n\n\/\/ Add event listener on download button click\ndownloadButton.addEventListener(\"click\", function() {\n  \/\/ Get the favicon image element\n  let faviconImg = document.getElementById(\"faviconImg\");\n  \/\/ Create a link element and trigger a download\n  let downloadLink = document.createElement(\"a\");\n  downloadLink.href = faviconImg.src;\n  downloadLink.download = \"favicon.ico\";\n  document.body.appendChild(downloadLink);\n  downloadLink.click();\n  \/\/ Remove the link element after downloading\n  document.body.removeChild(downloadLink);\n});\n\n<\/script>\n\n\n<style>\n\nsection{text-align:center}\n\n\/* Button Styles *\/\nbutton, .button, #button, btn, .btn, #btn, downloadlink,  #download-button, #button-copy, button-copy, copy-button, #copy-button, #copy, copy, #download-html-button{\n  display: inline-block;\n  padding: 12px 24px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #ffffff;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-align: center;\n  border-radius: 30px;\n  background-image: linear-gradient(to right, #0088FF, #0088FF);\n  border: 3px solid #fff;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n  transition: all 0.3s ease;\n  margin:0 auto;\n  margin-top:11px;\n  margin-bottom:11px;\n  text-shadow: 2px 2px 4px #333;\n}\n\n\/* Button Hover State *\/\nbutton:hover {\n  background-image: linear-gradient(to right, #FF1493, #FF1493);\n  border: 3px solid #ffffff;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n -input{\n  width: 25%;\n  height: 100%;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ninput[type=file]::file-selector-button {\n  display: inline-block;\n  padding: 1.0rem 1rem;\n  font-size: 1.125rem;\n  font-weight: bold;\n  color: #fff;\n  text-align: center;\n  text-transform: uppercase;\n  background-color: #0088FF;\n  border-radius: 0rem;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n  border: 0px solid #fff;\n  width:100%;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n}\n\ninput[type=file]::file-selector-button:hover {\n  background-color: #5b52d6;\n}\n\ninput[type=file]::file-selector-button:active {\n  background-color: #4a41ad;\n}\n\ninput[type=file]::file-selector-button:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6c63ff;\n}\n\ninput[type=file]::file-selector-button::before {\n  content: \"Select File\";\n}\n\ninput[type=file]::file-selector-button::before,\ninput[type=file]::file-selector-button::before {\n  content: \"\\2193 Browse Files\";\n}\n\n\ninput[type=\"file\"] {\n  display: yes;\n}\ninput[type=\"text\"], input[type=\"url\"] {\n  width: 80%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\ninput[type=\"number\"], select {\n  width: 30%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea {\n  width: 100%;\n  height: 170px;\n  padding: 10px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea:hover {\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ntextarea:focus {\n  outline: none;\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ncanvas, #image-container, .img, #img, image, .image, #image, #convertedImage, #preview-image {\n  border: 5px solid;\n  border-image: linear-gradient(to bottom, #007bff, #00f260);\n  border-image-slice: 1;\n  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n  margin-top:10px;margin-bottom:10px;\n  width:90%;\n  margin:0 auto;padding:15px;\n\n}\n\n#image-container img {\n  max-width: 100%;\n  }\n\ncode, pre, .result, output, #output, .output {\n  font-family: Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace;\n  font-size: 0.9em;\n  color: #333;\n  background-color: #f9f9f9;\n  padding: 0.2em 0.4em;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  white-space: pre-wrap;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n  width:100%;\n  padding:15px;\n\n}\n\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  width: 80%;\n  background: transparent;\n  height: 10px;\n  border-radius: 5px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  box-shadow: inset 0 0 5px #333;\n  transition: box-shadow 0.2s;\n  margin-top:10px;\n\n}\n\ninput[type=\"range\"]:focus {\n  box-shadow: inset 0 0 5px #888;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: #4CAF50;\n  cursor: pointer;\n  transition: background 0.2s;\n  margin-top:-5px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n  background: #3e8e41;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  height: 10px;\n  background: #ddd;\n  border-radius: 5px;\n  border: none;\n}\ninput[type=\"checkbox\"] {\n  appearance: none;\n  width: 45px;\n  height: 25px;\n  background: transparent;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;  border-radius: 5px;\n  margin: 10px;\n  outline: none;\n  cursor: pointer;\n  position: relative;\n}\n\ninput[type=\"checkbox\"]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  background: #D209A4;\n  border-radius: 100px;\n  position: absolute;\n  left: 2px;\n  \n  top: 3px;\n  transition: all 0.2s;\n}\n\ninput[type=\"checkbox\"]:checked:before {\n  transform: translateX(20px);\n}\n\ninput[type=\"checkbox\"]:focus {\n  border: 2px solid #888;\n}\ninput[type=\"radio\"] {\n  appearance: none;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid #333;\n  margin-right: 10px;\n  outline: none;\n  position: relative;\n  cursor: pointer;\n}\n\ninput[type=\"radio\"]:after {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #333;\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  opacity: 0;\n  transition: all 0.2s;\n}\n\ninput[type=\"radio\"]:checked:after {\n  opacity: 1;\n}\n\ninput[type=\"radio\"]:focus {\n  border-color: #888;\n}\n\n\ninput[type=\"radio\"] {\n  display: inline-block;\n  margin-right: 10px;\n  vertical-align: middle;\n}\n\nlabel {\n  display: block; \/* makes each label appear on a new line *\/\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 5px; \/* adds a small gap below each label *\/\n  color:#55555e;\n  margin-top:11px;margin-bottom:11px;\n}\n\ninput[type=\"color\"]{width:17.2%;}\n.form-control {\n    display: block;\n    margin:0 auto;\n    width: 70%;\n    padding: 0.375rem 0.75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #212529;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #ced4da;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    border-radius: 0.25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\nsection{\n        margin: 0px auto;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 20px;\n      }\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/tools.billionsideas.com\/wp-content\/uploads\/2023\/04\/favicon-fetcher-online.png\" alt=\"favicon fetcher online\" class=\"wp-image-3707\" srcset=\"https:\/\/tools.billionsideas.com\/wp-content\/uploads\/2023\/04\/favicon-fetcher-online.png 1024w, https:\/\/tools.billionsideas.com\/wp-content\/uploads\/2023\/04\/favicon-fetcher-online-300x150.png 300w, https:\/\/tools.billionsideas.com\/wp-content\/uploads\/2023\/04\/favicon-fetcher-online-768x384.png 768w, https:\/\/tools.billionsideas.com\/wp-content\/uploads\/2023\/04\/favicon-fetcher-online-18x9.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Do you ever wonder how websites manage to display those small, distinctive icons in your browser tab? These icons, known as favicons, play a significant role in branding and improving user experience.  In this article, we&#8217;ll delve into the world of favicons and explore the concept of Favicon Fetcher, a powerful tool that simplifies the process of adding and managing favicons on your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is a Favicon?<\/strong><\/h2>\n\n\n\n<p>A favicon, short for &#8220;favorite icon,&#8221; is a small image or logo associated with a website. It serves as a visual representation of your brand and helps users quickly identify your website among a sea of open tabs. Favicons typically appear in browser tabs, bookmark lists, and sometimes even in search engine results.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How Does Favicon Fetcher Work?<\/strong><\/h2>\n\n\n\n<p>Favicon Fetcher is a specialized tool designed to simplify the process of fetching and displaying favicons on your website. It automates the tedious task of manually creating and implementing favicons by generating the necessary code snippets. Favicon Fetcher retrieves the favicon image associated with your website and embeds it into the HTML code, ensuring seamless display across different devices and browsers.<\/p>\n\n\n\n<p>Favicon Fetcher streamlines the process of finding and integrating a favicon into your website. Here&#8217;s how it works:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Favicon Search:<\/strong> Favicon Fetcher provides a comprehensive database of favicons. Simply enter relevant keywords or the website URL to find a variety of favicon options.<\/li>\n\n\n\n<li><strong>Customization Options:<\/strong> Once you&#8217;ve selected a favicon, Favicon Fetcher allows you to customize it to match your branding preferences. You can adjust the size, color palette, and add additional elements if desired.<\/li>\n\n\n\n<li><strong>Integration Code:<\/strong> After finalizing the customization, Favicon Fetcher generates the necessary code snippet that needs to be added to your website&#8217;s HTML. It provides clear instructions on where to place the code.<\/li>\n\n\n\n<li><strong>Easy Implementation:<\/strong> With the generated code snippet, you can seamlessly integrate your customized favicon into your website by pasting it in the designated section.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Benefits of Using Favicon Fetcher<\/strong><\/h2>\n\n\n\n<p>Favicons play a crucial role in website branding and user experience. They enhance the overall visual appeal of your website and make it stand out from the competition. By implementing a favicon, you establish a consistent brand identity and make your website easily recognizable to visitors. This visual cue helps users remember and revisit your site, increasing user engagement and fostering loyalty.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Time-Saving:<\/strong> Favicon Fetcher eliminates the need for manual favicon creation and implementation. It significantly reduces the time and effort required to add favicons to your website, allowing you to focus on other important tasks.<\/li>\n\n\n\n<li><strong>Consistency:<\/strong> Favicon Fetcher ensures consistent branding by retrieving the correct favicon associated with your website. It guarantees that your favicon is displayed uniformly across different platforms, creating a cohesive user experience.<\/li>\n\n\n\n<li><strong>Compatibility:<\/strong> Favicon Fetcher generates favicon code that is compatible with various browsers, including Chrome, Firefox, Safari, and Internet Explorer. This ensures that your favicon is visible to a wide range of users, regardless of their preferred browser.<\/li>\n\n\n\n<li><strong>Automatic Updates:<\/strong> Favicon Fetcher simplifies favicon updates. Whenever you make changes to your favicon, the tool automatically refreshes the favicon code on your website, eliminating the need to manually update the code snippet on each page.<\/li>\n\n\n\n<li><strong>Efficient Cache Management:<\/strong> Favicon Fetcher optimizes cache management, ensuring that the favicon is served efficiently and avoids unnecessary network requests. This helps improve website performance and speed.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">ONLINE Favicon Fetcher TOOL <\/h2>\n\n\n\n<p>Here are some online favicon fetcher tools that you can use to fetch and download favicons from websites:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/tools.billionsideas.com\/fr\/favicon-fetcher\/\">BI TOOL<\/a> : BI TOOL provides a favicon checker tool that fetches the favicon of a website and also checks its compatibility across different platforms and devices.<\/li>\n\n\n\n<li>Favicongrabber: Favicongrabber is a simple online tool that allows you to enter a website URL and fetches its favicon. You can then download the favicon in various formats.<\/li>\n\n\n\n<li>GetFavicon: GetFavicon is a favicon fetching tool that lets you enter a website URL and fetches its favicon. You can preview and download the favicon in different sizes and formats.<\/li>\n\n\n\n<li>Favicon.cc: Favicon.cc is an online favicon editor and generator, but it also provides a favicon fetcher tool. You can enter a website URL, and it will fetch the favicon for you to download.<\/li>\n\n\n\n<li>RapidAPI Favicon Extractor: RapidAPI provides a favicon extractor API that allows you to programmatically fetch favicon from websites. You can use this API to integrate favicon fetching functionality into your own applications.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Favicons play a significant role in enhancing brand recognition and improving user experience. By creating a visually appealing favicon and implementing it correctly, you can leave a lasting impression on your website, and visitors. Additionally, favicon fetcher tools streamline the process, making it easier than ever to retrieve and display favicons automatically.<\/p>\n\n\n\n<p><strong>FAQs<\/strong><\/p>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list\">\n<div id=\"faq-question-1685436926126\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>Can I use a logo or image with intricate details as a favicon?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>It&#8217;s best to avoid intricate details in favicons due to their small size. Stick to simple, recognizable elements for optimal visibility.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1685436937638\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>Do all browsers support the .ico file format for favicons?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>The .ico file format is widely supported across browsers. However, some modern browsers also accept .png and .svg formats as favicon alternatives.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1685436951359\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>How can I test the compatibility of my favicon across different browsers and devices?<\/strong> <\/h3>\n<div class=\"rank-math-answer\">\n\n<p>You can use online favicon testing tools that simulate different browser environments and screen resolutions to ensure your favicon displays correctly.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1685436984452\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>Do favicon fetcher tools work on all websites?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Favicon fetcher tools work on most websites, but some websites may have specific configurations that prevent the automatic retrieval of favicon.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1685436995043\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>Are favicon fetcher tools free to use?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Many favicon fetcher tools offer free usage, but some may have premium features or usage limits. Check the tool&#8217;s documentation or website for specific details.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Favicon Fetcher Enter website URL: Fetch Favicon Download Do you ever wonder how websites manage to display those small, distinctive icons in your browser tab? These icons, known as favicons, play a significant role in branding and improving user experience. In this article, we&#8217;ll delve into the world of favicons and explore the concept of &#8230; <a title=\"Favicon Fetcher\" class=\"read-more\" href=\"https:\/\/tools.billionsideas.com\/fr\/favicon-fetcher\/\" aria-label=\"En savoir plus sur Favicon Fetcher\">Lire plus<\/a><\/p>","protected":false},"author":1,"featured_media":3709,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-1941","page","type-page","status-publish","has-post-thumbnail"],"taxonomy_info":[],"featured_image_src_large":["https:\/\/tools.billionsideas.com\/wp-content\/uploads\/2023\/04\/favicon-grabber-from-link.png",800,500,false],"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/fr\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/pages\/1941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/comments?post=1941"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/pages\/1941\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/media\/3709"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/media?parent=1941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}