{"id":575,"date":"2026-01-11T18:31:15","date_gmt":"2026-01-11T18:31:15","guid":{"rendered":"https:\/\/webtoiture.fr\/blog\/creer-site-web-google\/"},"modified":"2026-01-11T18:31:15","modified_gmt":"2026-01-11T18:31:15","slug":"creer-site-web-google","status":"publish","type":"post","link":"https:\/\/webtoiture.fr\/blog\/creer-site-web-google\/","title":{"rendered":"Cr\u00e9er un site web gratuit avec google : guide pratique pour d\u00e9butants"},"content":{"rendered":"<p><strong>Site web gratuit<\/strong>, <strong>Google Sites<\/strong>, <strong>h\u00e9bergement gratuit<\/strong> et <strong>tutoriel cr\u00e9ation site<\/strong> en t\u00eate d\u2019affiche : ce guide pratique pour <strong>d\u00e9butants<\/strong> explique comment <strong>cr\u00e9er site web<\/strong> en quelques \u00e9tapes, sans code, avec un <strong>outil cr\u00e9ation site<\/strong> rapide et fiable. Dans un contexte o\u00f9 la <strong>conception web<\/strong> s\u2019industrialise, Google simplifie la mise en ligne d\u2019une vitrine claire, mobile et s\u00e9curis\u00e9e. En 2025, plus de 65% des petites structures ont adopt\u00e9 Google Sites pour <strong>r\u00e9aliser site web<\/strong> vitrine, preuve d\u2019un standard devenu mature. Pour aller droit au but, ce parcours pas \u00e0 pas montre comment planifier l\u2019architecture, choisir un mod\u00e8le, ajouter des pages, publier et optimiser le r\u00e9f\u00e9rencement.<\/p>\n\n<p>L\u00e9na, artisan d\u00e9coratrice, illustre ce chemin : 3 heures pour structurer le contenu, 90 minutes pour la mise en page et 20 minutes pour la <strong>publication<\/strong>. Son atout majeur\u2009? Une navigation limpide et des appels \u00e0 l\u2019action visibles qui transforment. Les bonnes pratiques SEO et les int\u00e9grations (YouTube, Google Maps, Sheets) cr\u00e9ent un site utile, lisible et \u00e9volutif. Pour aller plus loin, consultez les ressources m\u00e9tier sur le <a href=\"https:\/\/webtoiture.fr\/blog\/webmarketing-artisans-guide\/\">webmarketing des artisans<\/a> et les <a href=\"https:\/\/webtoiture.fr\/blog\/strategies-webmarketing-2026\/\">strat\u00e9gies digitales 2026<\/a> afin d\u2019ancrer votre pr\u00e9sence locale et sectorielle.<\/p>\n\n<h2 class=\"wp-block-heading\">Cr\u00e9er un site web gratuit avec Google Sites : \u00e9tapes essentielles pour d\u00e9butants<\/h2>\n\n<p>Objectif\u2009: produire rapidement une vitrine claire avec Google Sites et un <strong>h\u00e9bergement gratuit<\/strong> int\u00e9gr\u00e9. Ce <strong>guide pratique<\/strong> d\u00e9roule l\u2019ordre d\u2019ex\u00e9cution pour un r\u00e9sultat net, responsive et pr\u00eat pour le SEO.<\/p>\n\n<h3 class=\"wp-block-heading\">1) Pr\u00e9parer l\u2019\u00e9cosyst\u00e8me et organiser le contenu<\/h3>\n\n<p>Cr\u00e9ez un compte Google, puis un dossier Drive d\u00e9di\u00e9. Classez textes, logos et visuels par page pour \u00e9viter la dispersion. Une structure organis\u00e9e acc\u00e9l\u00e8re l\u2019\u00e9dition et pr\u00e9serve la coh\u00e9rence du design.<\/p>\n\n<ul class=\"wp-block-list\"><li>\u2705 Cr\u00e9er un dossier \u201cSite \u2014 Marque\u201d sur Drive \ud83d\udcc2<\/li><li>\u2705 R\u00e9diger des titres H2-H3 orient\u00e9s requ\u00eates cl\u00e9s \ud83d\udd0e<\/li><li>\u2705 Pr\u00e9voir 3 CTAs principaux (Contact, Devis, R\u00e9server) \ud83d\ude80<\/li><li>\u2705 Compresser les images pour la vitesse \u26a1<\/li><\/ul>\n\n<p>Pour cadrer l\u2019essentiel, inspirez-vous des <a href=\"https:\/\/webtoiture.fr\/blog\/site-web-gratuit-google\/\">bonnes pratiques d\u00e9taill\u00e9es sur Google Sites<\/a> et des <a href=\"https:\/\/webtoiture.fr\/blog\/webmarketing-essentiel-2026\/\">tendances webmarketing 2026<\/a> qui guident les priorit\u00e9s de contenu.<\/p>\n\n<h3 class=\"wp-block-heading\">2) D\u00e9marrer dans Google Sites et choisir un mod\u00e8le efficace<\/h3>\n\n<p>Depuis Drive, Nouveau \u2192 Google Sites. Choisissez un mod\u00e8le sobre, lisible, avec une grille flexible. La barre lat\u00e9rale permet d\u2019ins\u00e9rer sections, images, vid\u00e9os, boutons et formulaires via glisser-d\u00e9poser.<\/p>\n\n<p>Astuce\u2009: d\u00e9finissez des espacements constants entre blocs et une palette limit\u00e9e (3 couleurs) pour renforcer la hi\u00e9rarchie visuelle. L\u2019accessibilit\u00e9 gagne, l\u2019attention reste focalis\u00e9e sur la proposition de valeur.<\/p>\n\n<p>Cette vid\u00e9o pas \u00e0 pas compl\u00e8te l\u2019approche et vous \u00e9vite les pi\u00e8ges fr\u00e9quents (menus trop profonds, contrastes faibles, CTA peu visibles).<\/p>\n\n<h3 class=\"wp-block-heading\">3) Personnaliser l\u2019interface et structurer la navigation<\/h3>\n\n<p>Activez un en-t\u00eate clair, int\u00e9grez le logo, puis composez un menu court (Accueil, \u00c0 propos, Services, Contact). Des sections br\u00e8ves, des intertitres explicites et des boutons contrast\u00e9s am\u00e9liorent l\u2019orientation et les conversions.<\/p>\n\n<p>L\u00e9na a retenu trois sections sur l\u2019accueil\u2009: b\u00e9n\u00e9fice client, preuves (avis\/avant-apr\u00e8s), appel \u00e0 l\u2019action. R\u00e9sultat\u2009: une page qui r\u00e9pond \u00e0 \u201cqui, quoi, pour qui, comment\u201d en moins de 8 secondes.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1344\" height=\"768\" src=\"https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-1.jpg\" alt=\"apprenez \u00e0 cr\u00e9er un site web gratuit avec google gr\u00e2ce \u00e0 notre guide pratique destin\u00e9 aux d\u00e9butants. suivez pas \u00e0 pas les instructions pour lancer votre site facilement et rapidement.\" class=\"wp-image-573\" srcset=\"https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-1.jpg 1344w, https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-1-300x171.jpg 300w, https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-1-1024x585.jpg 1024w, https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-1-768x439.jpg 768w\" sizes=\"auto, (max-width: 1344px) 100vw, 1344px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">Tutoriel cr\u00e9ation site : pages cl\u00e9s, contenus et publication sur Google Sites<\/h2>\n\n<p>La construction se joue en trois temps\u2009: pages essentielles, contenus multim\u00e9dias, puis <strong>publication<\/strong>. L\u2019objectif est d\u2019obtenir un site complet, rapide et simple \u00e0 maintenir.<\/p>\n\n<h3 class=\"wp-block-heading\">Pages indispensables et contenus attendus<\/h3>\n\n<p>La matrice ci-dessous aide \u00e0 anticiper les sections et leur r\u00f4le. Ajustez les exemples selon votre activit\u00e9 et votre langage de marque.<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead>\n<tr>\n<th>Type de page \u2728<\/th>\n<th>Objectif \ud83c\udfaf<\/th>\n<th>Contenus cl\u00e9s \ud83e\udde9<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Accueil<\/td>\n<td>Pitch clair et confiance<\/td>\n<td>Accroche, b\u00e9n\u00e9fices, preuves, CTA<\/td>\n<\/tr>\n<tr>\n<td>\u00c0 propos<\/td>\n<td>Cr\u00e9dibilit\u00e9<\/td>\n<td>Parcours, valeurs, photos, chiffres<\/td>\n<\/tr>\n<tr>\n<td>Services<\/td>\n<td>Compr\u00e9hension<\/td>\n<td>Offres, tarifs indicatifs, FAQ courte<\/td>\n<\/tr>\n<tr>\n<td>Contact<\/td>\n<td>Conversion<\/td>\n<td>Formulaire, t\u00e9l., email, Google Maps<\/td>\n<\/tr>\n<tr>\n<td>Blog\/Actus<\/td>\n<td>SEO et expertise<\/td>\n<td>Articles, vid\u00e9os int\u00e9gr\u00e9es, liens internes<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<p>Pour guider vos choix, comparez les approches via un tableau synth\u00e9tique interactif\u2009:<\/p>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tailwindcss\/browser@4\"><\/script>\n\n<div id=\"comparateur-websites\" class=\"mx-auto max-w-6xl rounded-xl border border-slate-200 bg-white shadow-sm p-4 sm:p-6 relative max-h-[2000px] overflow-auto\" aria-labelledby=\"comparateur-titre\">\n  <div class=\"flex items-start justify-between gap-4 flex-wrap\">\n    <div>\n      <h2 id=\"comparateur-titre\" class=\"text-xl sm:text-2xl font-semibold text-slate-800\">Comparateur interactif: Google Sites vs WordPress vs Shopify<\/h2>\n      <p class=\"text-slate-600 mt-1\">Trouvez la meilleure option pour cr\u00e9er votre site gratuitement (ou au meilleur co\u00fbt), selon vos besoins.<\/p>\n    <\/div>\n    <div class=\"flex items-center gap-2 text-sm text-slate-600\">\n      <span class=\"inline-flex items-center gap-1 bg-emerald-50 text-emerald-700 px-2 py-1 rounded\">\n        \u2022 Accessibilit\u00e9\n      <\/span>\n      <span class=\"inline-flex items-center gap-1 bg-indigo-50 text-indigo-700 px-2 py-1 rounded\">\n        \u2022 L\u00e9ger &#038; gratuit\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Contr\u00f4les -->\n  <div class=\"mt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3\">\n    <div class=\"bg-slate-50 rounded-lg p-3\">\n      <label for=\"ctrl-budget\" class=\"block text-sm font-medium text-slate-700\">Budget mensuel max<\/label>\n      <div class=\"flex items-center gap-2 mt-2\">\n        <input id=\"ctrl-budget\" type=\"range\" min=\"0\" max=\"50\" step=\"1\" value=\"20\" class=\"w-full accent-indigo-600\" aria-valuemin=\"0\" aria-valuemax=\"50\" aria-valuenow=\"20\" aria-label=\"Budget mensuel maximum\">\n        <span id=\"budget-aff\" class=\"text-sm font-semibold text-slate-800 min-w-[70px] text-right\">20,00 \u20ac<\/span>\n      <\/div>\n      <label class=\"inline-flex items-center gap-2 mt-2\">\n        <input type=\"checkbox\" id=\"ctrl-hide-out\" class=\"size-4 accent-indigo-600\">\n        <span class=\"text-sm text-slate-700\">Masquer hors budget<\/span>\n      <\/label>\n    <\/div>\n\n    <div class=\"bg-slate-50 rounded-lg p-3\">\n      <span class=\"block text-sm font-medium text-slate-700\">Priorit\u00e9s<\/span>\n      <div class=\"mt-2 grid grid-cols-1 gap-2\">\n        <label class=\"inline-flex items-center gap-2\">\n          <input type=\"checkbox\" id=\"ctrl-ecom\" class=\"size-4 accent-indigo-600\">\n          <span class=\"text-sm text-slate-700\">Je veux vendre en ligne<\/span>\n        <\/label>\n        <label class=\"inline-flex items-center gap-2\">\n          <input type=\"checkbox\" id=\"ctrl-beginner\" class=\"size-4 accent-indigo-600\" checked>\n          <span class=\"text-sm text-slate-700\">Je suis d\u00e9butant(e)<\/span>\n        <\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"bg-slate-50 rounded-lg p-3\">\n      <label for=\"ctrl-sort\" class=\"block text-sm font-medium text-slate-700\">Trier par<\/label>\n      <select id=\"ctrl-sort\" class=\"mt-2 w-full rounded border border-slate-200 bg-white px-2 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500\">\n        <option value=\"pertinence\">Pertinence (recommand\u00e9)<\/option>\n        <option value=\"cout\">Co\u00fbt<\/option>\n        <option value=\"difficulte\">Difficult\u00e9<\/option>\n        <option value=\"seo\">SEO<\/option>\n        <option value=\"perso\">Personnalisation<\/option>\n      <\/select>\n\n      <div class=\"mt-3\">\n        <span class=\"block text-sm font-medium text-slate-700\">Devise<\/span>\n        <div class=\"mt-2 flex items-center gap-3\">\n          <label class=\"inline-flex items-center gap-1\">\n            <input type=\"radio\" name=\"devise\" value=\"EUR\" class=\"accent-indigo-600\" checked>\n            <span class=\"text-sm text-slate-700\">EUR \u20ac<\/span>\n          <\/label>\n          <label class=\"inline-flex items-center gap-1\">\n            <input type=\"radio\" name=\"devise\" value=\"USD\" class=\"accent-indigo-600\">\n            <span class=\"text-sm text-slate-700\">USD $<\/span>\n          <\/label>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bg-gradient-to-br from-indigo-50 to-sky-50 rounded-lg p-3\">\n      <span class=\"block text-sm font-medium text-slate-700\">Assistant<\/span>\n      <button id=\"btn-reco\" class=\"mt-2 w-full rounded bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500\">Trouver la meilleure option<\/button>\n      <p id=\"reco\" class=\"mt-2 text-sm text-slate-700\" aria-live=\"polite\"><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Tableau -->\n  <div class=\"mt-6 overflow-x-auto rounded-lg border border-slate-200\">\n    <table class=\"min-w-full text-sm\" role=\"table\" aria-label=\"Tableau comparateur de solutions de cr\u00e9ation de site\">\n      <thead class=\"bg-slate-50 text-slate-700\">\n        <tr>\n          <th scope=\"col\" class=\"text-left font-semibold px-4 py-3\">Plateforme<\/th>\n          <th scope=\"col\" class=\"text-left font-semibold px-4 py-3 cursor-pointer select-none\" data-sort=\"cout\" tabindex=\"0\" role=\"button\" aria-label=\"Trier par co\u00fbt\">Co\u00fbt mensuel <span class=\"text-slate-400\" aria-hidden=\"true\">\u21c5<\/span><\/th>\n          <th scope=\"col\" class=\"text-left font-semibold px-4 py-3 cursor-pointer select-none\" data-sort=\"difficulte\" tabindex=\"0\" role=\"button\" aria-label=\"Trier par difficult\u00e9\">Difficult\u00e9 <span class=\"text-slate-400\" aria-hidden=\"true\">\u21c5<\/span><\/th>\n          <th scope=\"col\" class=\"text-left font-semibold px-4 py-3 cursor-pointer select-none\" data-sort=\"ecom\" tabindex=\"0\" role=\"button\" aria-label=\"Trier par e-commerce\">E-commerce <span class=\"text-slate-400\" aria-hidden=\"true\">\u21c5<\/span><\/th>\n          <th scope=\"col\" class=\"text-left font-semibold px-4 py-3 cursor-pointer select-none\" data-sort=\"seo\" tabindex=\"0\" role=\"button\" aria-label=\"Trier par SEO\">SEO <span class=\"text-slate-400\" aria-hidden=\"true\">\u21c5<\/span><\/th>\n          <th scope=\"col\" class=\"text-left font-semibold px-4 py-3 cursor-pointer select-none\" data-sort=\"perso\" tabindex=\"0\" role=\"button\" aria-label=\"Trier par personnalisation\">Personnalisation <span class=\"text-slate-400\" aria-hidden=\"true\">\u21c5<\/span><\/th>\n          <th scope=\"col\" class=\"text-left font-semibold px-4 py-3\">Score pour vous<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody id=\"tbody-comparateur\" class=\"divide-y divide-slate-100\"><\/tbody>\n    <\/table>\n  <\/div>\n\n  <!-- L\u00e9gende accessibilit\u00e9 -->\n  <div class=\"mt-3 flex flex-wrap items-center gap-3 text-xs text-slate-500\">\n    <div class=\"flex items-center gap-2\">\n      <span class=\"inline-block size-2 rounded-full bg-emerald-500\"><\/span> Fort\n    <\/div>\n    <div class=\"flex items-center gap-2\">\n      <span class=\"inline-block size-2 rounded-full bg-amber-500\"><\/span> Moyen\n    <\/div>\n    <div class=\"flex items-center gap-2\">\n      <span class=\"inline-block size-2 rounded-full bg-rose-500\"><\/span> Faible\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/*\n  API gratuite utilis\u00e9e uniquement pour la conversion EUR -> USD (facultatif)\n  URL: https:\/\/open.er-api.com\/v6\/latest\/EUR\n  Exemple r\u00e9ponse JSON:\n  {\n    \"result\":\"success\",\n    \"time_last_update_utc\":\"Fri, 10 Jan 2025 00:02:01 +0000\",\n    \"base_code\":\"EUR\",\n    \"rates\":{\"USD\":1.09, \"EUR\":1, ...}\n  }\n*\/\n\n(() => {\n  \/\/ Texte en fran\u00e7ais (facilement \u00e9ditable)\n  const TEXT = {\n    colonnes: {\n      cout: \"Co\u00fbt mensuel\",\n      difficulte: \"Difficult\u00e9\",\n      ecom: \"E-commerce\",\n      seo: \"SEO\",\n      perso: \"Personnalisation\",\n      score: \"Score pour vous\"\n    },\n    difficulte: { \"Tr\u00e8s facile\": 1, \"Facile\": 2, \"Interm\u00e9diaire\": 3, \"Avanc\u00e9\": 4 },\n    badges: {\n      debutant: \"Parfait pour d\u00e9butants\",\n      ecomReady: \"Pr\u00eat pour la vente\"\n    },\n    devise: { EUR: \"\u20ac\", USD: \"$\" },\n    labels: {\n      horsBudget: \"Hors budget\",\n      dansBudget: \"OK budget\",\n      afficherDetails: \"Afficher les d\u00e9tails\",\n      recommander: \"recommand\u00e9 pour votre profil\"\n    }\n  };\n\n  \/\/ Donn\u00e9es de base (co\u00fbts en EUR)\n  const platforms = [\n    {\n      id: \"google-sites\",\n      name: \"Google Sites\",\n      costEURMin: 0,\n      costEURMax: 0,\n      noteCost: \"h\u00e9bergement inclus\",\n      difficulty: \"Tr\u00e8s facile\",\n      ecommerce: \"Vitrine uniquement (boutons\/embeds)\",\n      seo: \"SEO basique (titres, descriptions)\",\n      personalization: \"Personnalisation limit\u00e9e\",\n      scores: {\n        difficulty: 1.0,       \/\/ 1 = tr\u00e8s facile, 4 = avanc\u00e9 (plus bas est mieux pour d\u00e9butants)\n        ecommerce: 1.0,        \/\/ 1 faible -> 3 fort (ici vitrine)\n        seo: 1.5,              \/\/ 1 faible -> 3 fort\n        personalization: 1.0   \/\/ 1 faible -> 3 fort\n      }\n    },\n    {\n      id: \"wordpress\",\n      name: \"WordPress (h\u00e9berg\u00e9)\",\n      costEURMin: 5,\n      costEURMax: 15,\n      noteCost: \"selon h\u00e9bergeur\",\n      difficulty: \"Interm\u00e9diaire\",\n      ecommerce: \"Plugin WooCommerce puissant\",\n      seo: \"SEO avanc\u00e9 (plugins)\",\n      personalization: \"Personnalisation \u00e9lev\u00e9e (th\u00e8mes\/builders)\",\n      scores: {\n        difficulty: 3.0,\n        ecommerce: 2.8,\n        seo: 3.0,\n        personalization: 3.0\n      }\n    },\n    {\n      id: \"shopify\",\n      name: \"Shopify\",\n      costEURMin: 27,\n      costEURMax: 36,\n      noteCost: \"abonnement\",\n      difficulty: \"Facile\",\n      ecommerce: \"E-commerce natif complet\",\n      seo: \"SEO correct\",\n      personalization: \"Personnalisation via th\u00e8mes\/applications\",\n      scores: {\n        difficulty: 2.0,\n        ecommerce: 3.0,\n        seo: 2.2,\n        personalization: 2.3\n      }\n    }\n  ];\n\n  \/\/ \u00c9tat global\n  const state = {\n    currency: \"EUR\",\n    rate: 1, \/\/ EUR->EUR\n    sortBy: \"pertinence\",\n    sortDir: \"asc\",\n    budget: 20,\n    mustHaveEcom: false,\n    beginner: true,\n    hideOutOfBudget: false\n  };\n\n  \/\/ Helpers\n  const eurToDisplay = (min, max) => {\n    const r = state.rate;\n    const sym = TEXT.devise[state.currency];\n    const vmin = (min * r);\n    const vmax = (max * r);\n    if (vmin === vmax) return `${vmin.toFixed(2)} ${sym}`;\n    return `${vmin.toFixed(2)}\u2013${vmax.toFixed(2)} ${sym}`;\n  };\n\n  function normalized(val, min, max) {\n    if (max === min) return 0;\n    return (val - min) \/ (max - min);\n  }\n\n  \/\/ Calcul de score en fonction des pr\u00e9f\u00e9rences\n  function computeRelevance(p) {\n    \/\/ Poids dynamiques\n    let wCost = 0.30;\n    let wDiff = state.beginner ? 0.35 : 0.20;\n    let wEcom = state.mustHaveEcom ? 0.45 : 0.20;\n    let wSEO = 0.20;\n    let wPerso = 0.15;\n\n    \/\/ Normalisations (meilleurs = plus grand)\n    \/\/ - Co\u00fbt inverse: moins cher = mieux\n    const avgMonthly = (p.costEURMin + p.costEURMax) \/ 2;\n    const budgetMax = Math.max(state.budget, 1); \/\/ \u00e9viter division par z\u00e9ro\n    const costScore = 1 - Math.min(avgMonthly \/ budgetMax, 1); \/\/ 0..1 (1 meilleur)\n\n    \/\/ - Difficult\u00e9: plus facile = mieux\n    const diffNorm = 1 - normalized(p.scores.difficulty, 1, 4); \/\/ 0..1\n\n    \/\/ - E-commerce, SEO, Perso d\u00e9j\u00e0 sur ~1..3 -> normaliser sur 1..3\n    const ecomNorm = normalized(p.scores.ecommerce, 1, 3);\n    const seoNorm = normalized(p.scores.seo, 1, 3);\n    const persoNorm = normalized(p.scores.personalization, 1, 3);\n\n    \/\/ Ajuster si e-commerce est requis et la solution est faible\n    const ecomPenalty = (state.mustHaveEcom && p.scores.ecommerce < 2) ? 0.25 : 0;\n\n    \/\/ Score final pond\u00e9r\u00e9 0..1\n    let score =\n      wCost * costScore +\n      wDiff * diffNorm +\n      wEcom * ecomNorm +\n      wSEO * seoNorm +\n      wPerso * persoNorm;\n\n    score = Math.max(0, score - ecomPenalty);\n    return score;\n  }\n\n  \/\/ Rendu d'une barre (faible -> fort)\n  function strengthBar(value \/* 1..3 *\/, title) {\n    const ratio = (value - 1) \/ 2; \/\/ 0..1\n    const color = ratio > 0.66 ? \"bg-emerald-500\" : ratio > 0.33 ? \"bg-amber-500\" : \"bg-rose-500\";\n    const width = Math.round(ratio * 100);\n    return `\n      <div class=\"w-40\" title=\"${title}\">\n        <div class=\"h-2.5 w-full rounded-full bg-slate-200\">\n          <div class=\"h-2.5 rounded-full ${color}\" style=\"width:${width}%\"><\/div>\n        <\/div>\n      <\/div>\n    `;\n  }\n\n  \/\/ Rendu d'une puce budget\n  function budgetPill(p) {\n    const avg = (p.costEURMin + p.costEURMax) \/ 2;\n    const within = avg <= state.budget;\n    return `<span class=\"inline-flex items-center gap-1 text-xs font-medium px-2 py-0.5 rounded-full ${within ? 'bg-emerald-50 text-emerald-700' : 'bg-rose-50 text-rose-700'}\">\n      ${within ? 'OK budget' : 'Hors budget'}\n    <\/span>`;\n  }\n\n  \/\/ Rendu table\n  function render() {\n    const tbody = document.getElementById(\"tbody-comparateur\");\n    const list = platforms.map(p => {\n      const score = computeRelevance(p);\n      return { p, score };\n    }).filter(({ p }) => {\n      if (!state.hideOutOfBudget) return true;\n      const avg = (p.costEURMin + p.costEURMax) \/ 2;\n      return avg <= state.budget;\n    });\n\n    \/\/ Tri\n    const compareMap = {\n      pertinence: (a, b) => b.score - a.score,\n      cout: (a, b) => ((a.p.costEURMin + a.p.costEURMax) \/ 2) - ((b.p.costEURMin + b.p.costEURMax) \/ 2),\n      difficulte: (a, b) => a.p.scores.difficulty - b.p.scores.difficulty, \/\/ plus petit = plus facile\n      ecom: (a, b) => b.p.scores.ecommerce - a.p.scores.ecommerce,\n      seo: (a, b) => b.p.scores.seo - a.p.scores.seo,\n      perso: (a, b) => b.p.scores.personalization - a.p.scores.personalization\n    };\n    list.sort(compareMap[state.sortBy]);\n    if (state.sortDir === \"desc\") list.reverse();\n\n    \/\/ Rendu des lignes\n    tbody.innerHTML = list.map(({ p, score }) => {\n      const diffLabel = p.difficulty;\n      const ecomLabel = p.ecommerce;\n      const seoLabel = p.seo;\n      const persoLabel = p.personalization;\n\n      const costText = eurToDisplay(p.costEURMin, p.costEURMax);\n      const noteCost = p.noteCost ? `<span class=\"text-xs text-slate-500\">(${p.noteCost})<\/span>` : \"\";\n\n      const scorePercent = Math.round(score * 100);\n      const scoreColor = scorePercent >= 66 ? \"text-emerald-700 bg-emerald-50\" :\n                         scorePercent >= 33 ? \"text-amber-700 bg-amber-50\" :\n                         \"text-rose-700 bg-rose-50\";\n\n      const avgMonthlyEUR = (p.costEURMin + p.costEURMax) \/ 2;\n      const avgMonthlyDisp = ((avgMonthlyEUR) * state.rate).toFixed(2) + \" \" + TEXT.devise[state.currency];\n      const annualDisp = (avgMonthlyEUR * 12 * state.rate).toFixed(2) + \" \" + TEXT.devise[state.currency];\n\n      \/\/ Indices visuels\n      const beginnerBadge = (p.scores.difficulty <= 2) ? `<span class=\"ml-2 text-[10px] px-2 py-0.5 rounded-full bg-indigo-50 text-indigo-700\">${TEXT.badges.debutant}<\/span>` : \"\";\n      const ecomBadge = (p.scores.ecommerce >= 2.5) ? `<span class=\"ml-2 text-[10px] px-2 py-0.5 rounded-full bg-emerald-50 text-emerald-700\">${TEXT.badges.ecomReady}<\/span>` : \"\";\n\n      return `\n        <tr class=\"hover:bg-slate-50 focus-within:bg-slate-50\">\n          <th scope=\"row\" class=\"px-4 py-3 align-top\">\n            <div class=\"font-semibold text-slate-800\">${p.name}${beginnerBadge}${ecomBadge}<\/div>\n            <div class=\"mt-1 text-xs text-slate-500 flex items-center gap-2\">\n              ${budgetPill(p)}\n              <span class=\"inline-flex items-center gap-1 bg-slate-100 text-slate-700 px-1.5 py-0.5 rounded\">\n                co\u00fbt moyen: <strong>${avgMonthlyDisp}<\/strong>\/mois\n              <\/span>\n            <\/div>\n          <\/th>\n          <td class=\"px-4 py-3 align-top\">\n            <div class=\"text-slate-800\">${costText} \/ mois<\/div>\n            <div class=\"text-xs text-slate-500\">${noteCost}<\/div>\n            <div class=\"text-[11px] text-slate-500 mt-1\">\u2248 ${annualDisp} \/ an<\/div>\n          <\/td>\n          <td class=\"px-4 py-3 align-top\">\n            <div class=\"text-slate-800\">${diffLabel}<\/div>\n            <div class=\"mt-2\">${strengthBar(4 - (p.scores.difficulty - 1), \"Facilit\u00e9 d'utilisation\")}<\/div>\n          <\/td>\n          <td class=\"px-4 py-3 align-top\">\n            <div class=\"text-slate-800\">${ecomLabel}<\/div>\n            <div class=\"mt-2\">${strengthBar(p.scores.ecommerce, \"Capacit\u00e9s e-commerce\")}<\/div>\n          <\/td>\n          <td class=\"px-4 py-3 align-top\">\n            <div class=\"text-slate-800\">${seoLabel}<\/div>\n            <div class=\"mt-2\">${strengthBar(p.scores.seo, \"Potentiel SEO\")}<\/div>\n          <\/td>\n          <td class=\"px-4 py-3 align-top\">\n            <div class=\"text-slate-800\">${persoLabel}<\/div>\n            <div class=\"mt-2\">${strengthBar(p.scores.personalization, \"Personnalisation\")}<\/div>\n          <\/td>\n          <td class=\"px-4 py-3 align-top\">\n            <div class=\"inline-flex items-center gap-2\">\n              <span class=\"text-xs px-2 py-1 rounded ${scoreColor} font-medium\">${scorePercent}% ${TEXT.labels.recommander}<\/span>\n              <button class=\"ml-1 text-xs text-indigo-700 hover:text-indigo-900 underline underline-offset-2\" data-action=\"explain\" data-id=\"${p.id}\">Pourquoi ?<\/button>\n            <\/div>\n            <dialog class=\"rounded-lg p-0 shadow-xl w-[min(520px,92vw)]\" data-modal=\"${p.id}\" aria-label=\"Explication du score\">\n              <div class=\"p-4 sm:p-5\">\n                <div class=\"flex items-center justify-between\">\n                  <h3 class=\"text-base font-semibold text-slate-800\">Pourquoi cette note pour ${p.name} ?<\/h3>\n                  <button data-action=\"close-modal\" class=\"text-slate-500 hover:text-slate-700\">\u2715<\/button>\n                <\/div>\n                <div class=\"mt-3 text-sm text-slate-700 space-y-2\">\n                  <p>Score calcul\u00e9 selon votre budget, votre niveau, et vos priorit\u00e9s.<\/p>\n                  <ul class=\"list-disc pl-5 space-y-1\">\n                    <li>Budget: <strong>${avgMonthlyDisp}<\/strong>\/mois (moyenne)<\/li>\n                    <li>Difficult\u00e9: <strong>${diffLabel}<\/strong><\/li>\n                    <li>E-commerce: <strong>${ecomLabel}<\/strong><\/li>\n                    <li>SEO: <strong>${seoLabel}<\/strong><\/li>\n                    <li>Personnalisation: <strong>${persoLabel}<\/strong><\/li>\n                  <\/ul>\n                  <p class=\"text-slate-500\">Astuce: changez la devise, le budget et les priorit\u00e9s pour mettre \u00e0 jour la note.<\/p>\n                <\/div>\n                <div class=\"p-4 bg-slate-50 mt-4 rounded-b-lg flex items-center justify-end gap-2\">\n                  <button data-action=\"close-modal\" class=\"rounded bg-slate-200 hover:bg-slate-300 text-slate-800 text-sm px-3 py-1.5\">Fermer<\/button>\n                <\/div>\n              <\/div>\n            <\/dialog>\n          <\/td>\n        <\/tr>\n      `;\n    }).join(\"\");\n\n    \/\/ Mettre \u00e0 jour recommandation courte\n    const recoEl = document.getElementById(\"reco\");\n    if (list.length) {\n      const best = list[0].p.name;\n      recoEl.textContent = `Meilleure correspondance actuelle: ${best} (${Math.round(list[0].score * 100)}%).`;\n    } else {\n      recoEl.textContent = \"Aucune option ne correspond \u00e0 ces filtres. Essayez d'\u00e9largir le budget.\";\n    }\n\n    \/\/ Filtrer e-commerce si requis visuellement (en bas du rendu, on masque \u00e0 l'affichage)\n    if (state.mustHaveEcom) {\n      \/\/ Rien \u00e0 faire ici car le score p\u00e9nalise d\u00e9j\u00e0, mais vous pouvez choisir de masquer:\n      \/\/ Optionnel: masquer lignes avec ecom < 2\n      \/\/ (Conserv\u00e9 visible pour comparaison).\n    }\n\n    \/\/ G\u00e9rer modales (explications)\n    tbody.querySelectorAll('[data-action=\"explain\"]').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const id = btn.getAttribute('data-id');\n        const dialog = tbody.querySelector(`dialog[data-modal=\"${id}\"]`);\n        if (!dialog) return;\n        if (typeof dialog.showModal === \"function\") {\n          dialog.showModal();\n        } else {\n          alert(\"Explication: activez les modales dans votre navigateur.\");\n        }\n      });\n    });\n    tbody.querySelectorAll('[data-action=\"close-modal\"]').forEach(btn => {\n      btn.addEventListener('click', (e) => {\n        const dialog = e.target.closest('dialog');\n        dialog?.close();\n      });\n    });\n  }\n\n  \/\/ Chargement du taux USD\n  async function loadRate() {\n    try {\n      const res = await fetch(\"https:\/\/open.er-api.com\/v6\/latest\/EUR\", { cache: \"no-store\" });\n      const json = await res.json();\n      if (json && json.result === \"success\" && json.rates && json.rates.USD) {\n        if (state.currency === \"USD\") {\n          state.rate = json.rates.USD;\n        }\n      }\n    } catch (e) {\n      \/\/ Valeur de secours\n      if (state.currency === \"USD\") state.rate = 1.08;\n    } finally {\n      render();\n    }\n  }\n\n  \/\/ \u00c9couteurs UI\n  const budgetRange = document.getElementById(\"ctrl-budget\");\n  const budgetAff = document.getElementById(\"budget-aff\");\n  const sortSelect = document.getElementById(\"ctrl-sort\");\n  const hideOut = document.getElementById(\"ctrl-hide-out\");\n  const ecomChk = document.getElementById(\"ctrl-ecom\");\n  const begChk = document.getElementById(\"ctrl-beginner\");\n\n  budgetRange.addEventListener(\"input\", () => {\n    state.budget = Number(budgetRange.value);\n    budgetAff.textContent = `${state.budget.toFixed(2)} ${TEXT.devise[state.currency]}`;\n    render();\n  });\n\n  sortSelect.addEventListener(\"change\", () => {\n    state.sortBy = sortSelect.value;\n    render();\n  });\n\n  hideOut.addEventListener(\"change\", () => {\n    state.hideOutOfBudget = hideOut.checked;\n    render();\n  });\n\n  ecomChk.addEventListener(\"change\", () => {\n    state.mustHaveEcom = ecomChk.checked;\n    render();\n  });\n\n  begChk.addEventListener(\"change\", () => {\n    state.beginner = begChk.checked;\n    render();\n  });\n\n  \/\/ Click sur ent\u00eates pour trier\n  document.querySelectorAll('th[data-sort]').forEach(th => {\n    th.addEventListener('click', () => {\n      const key = th.getAttribute('data-sort');\n      if (state.sortBy === key) {\n        state.sortDir = state.sortDir === \"asc\" ? \"desc\" : \"asc\";\n      } else {\n        state.sortBy = key;\n        state.sortDir = \"asc\";\n      }\n      document.getElementById(\"ctrl-sort\").value = key;\n      render();\n    });\n    th.addEventListener('keydown', (e) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        th.click();\n      }\n    });\n  });\n\n  \/\/ Choix devise\n  document.querySelectorAll('input[name=\"devise\"]').forEach(r => {\n    r.addEventListener('change', async (e) => {\n      state.currency = e.target.value;\n      if (state.currency === \"EUR\") {\n        state.rate = 1;\n        budgetAff.textContent = `${state.budget.toFixed(2)} ${TEXT.devise[state.currency]}`;\n        render();\n      } else {\n        await loadRate();\n        budgetAff.textContent = `${state.budget.toFixed(2)} ${TEXT.devise[state.currency]}`;\n      }\n    });\n  });\n\n  \/\/ Bouton recommandation rapide\n  document.getElementById(\"btn-reco\").addEventListener(\"click\", () => {\n    \/\/ Ajuste tri en pertinence et met en avant la meilleure\n    state.sortBy = \"pertinence\";\n    state.sortDir = \"asc\";\n    sortSelect.value = \"pertinence\";\n    render();\n    \/\/ Focus sur la premi\u00e8re ligne si possible (accessibilit\u00e9)\n    const firstRow = document.querySelector(\"#tbody-comparateur tr\");\n    firstRow?.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\n  });\n\n  \/\/ Initialisation\n  budgetAff.textContent = `${state.budget.toFixed(2)} ${TEXT.devise[state.currency]}`;\n  render();\n\n})();\n<\/script>\n\n<p>Si l\u2019e-commerce est un enjeu, Google Sites sert de vitrine et renvoie vers une boutique d\u00e9di\u00e9e. Pour cadrer un parcours robuste, consultez comment <a href=\"https:\/\/webtoiture.fr\/blog\/site-compagny-comment-creer-un-site-internet-professionnel-en-2025\/\">cr\u00e9er un site professionnel<\/a> et <a href=\"https:\/\/webtoiture.fr\/blog\/creation-site-internet-agence-limitless-com-comment-reussir-votre-presence-en-ligne-en-2025\/\">r\u00e9ussir votre pr\u00e9sence en ligne<\/a>.<\/p>\n\n<h3 class=\"wp-block-heading\">Int\u00e9grations utiles pour enrichir l\u2019exp\u00e9rience<\/h3>\n\n<p>Ajoutez YouTube pour pr\u00e9senter vos r\u00e9alisations, Maps pour la localisation, Sheets pour les tarifs dynamiques, Calendar pour les cr\u00e9neaux disponibles et un HTML embed pour des modules avanc\u00e9s (widget d\u2019avis, formulaire externe, etc.).<\/p>\n\n<ul class=\"wp-block-list\"><li>\ud83c\udfac Vid\u00e9o tutorielle ou d\u00e9monstration produit<\/li><li>\ud83d\uddfa\ufe0f Carte Google Maps pour rassurer localement<\/li><li>\ud83d\udcc8 Tableau de prix via Google Sheets<\/li><li>\ud83d\uddd3\ufe0f Calendrier de rendez-vous<\/li><li>\ud83d\udcac Boutons WhatsApp ou email en 1 clic<\/li><\/ul>\n\n<p>Analysez vos performances et corrigez vite\u2009: un <a href=\"https:\/\/webtoiture.fr\/blog\/audit-seo-analyse-2026\/\">audit SEO complet<\/a> r\u00e9v\u00e8le temps de chargement, maillage interne et pertinence des mots-cl\u00e9s. Les <a href=\"https:\/\/webtoiture.fr\/blog\/strategies-webmarketing-2026\/\">strat\u00e9gies webmarketing<\/a> 2026 priorisent la clart\u00e9 des intentions de recherche et les signaux E-E-A-T.<\/p>\n\n<p>Apr\u00e8s ajustements (titres descriptifs, descriptions concises, texte alternatif images, liens internes), cliquez sur <strong>Publier<\/strong>, d\u00e9finissez l\u2019URL, v\u00e9rifiez l\u2019indexation avec Search Console et reliez Analytics.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1344\" height=\"768\" src=\"https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-2.jpg\" alt=\"d\u00e9couvrez comment cr\u00e9er un site web gratuitement avec google gr\u00e2ce \u00e0 notre guide pratique pour d\u00e9butants. suivez les \u00e9tapes simples pour concevoir votre site en un rien de temps.\" class=\"wp-image-574\" srcset=\"https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-2.jpg 1344w, https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-2-300x171.jpg 300w, https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-2-1024x585.jpg 1024w, https:\/\/webtoiture.fr\/blog\/wp-content\/uploads\/2026\/01\/Creer-un-site-web-gratuit-avec-google-guide-pratique-pour-debutants-2-768x439.jpg 768w\" sizes=\"auto, (max-width: 1344px) 100vw, 1344px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">R\u00e9f\u00e9rencement, h\u00e9bergement gratuit et strat\u00e9gies durables pour un site Google performant<\/h2>\n\n<p>Avec l\u2019<strong>h\u00e9bergement gratuit<\/strong> de Google, la vitesse et la s\u00e9curit\u00e9 sont g\u00e9r\u00e9es nativement. Le travail diff\u00e9renciant vient du contenu, du maillage et de la preuve sociale.<\/p>\n\n<h3 class=\"wp-block-heading\">Plan d\u2019action SEO simple et mesurable<\/h3>\n\n<p>Alignez chaque page sur une intention principale, structurez H2\/H3, et reliez des contenus entre eux. Visez des mots-cl\u00e9s longue tra\u00eene et des pages \u201cpreuves\u201d (cas, avis, chantiers).<\/p>\n\n<ul class=\"wp-block-list\"><li>\ud83d\udd17 Maillage interne th\u00e9matique (3 liens\/page)<\/li><li>\ud83d\uddbc\ufe0f Images compress\u00e9es + texte alternatif<\/li><li>\ud83d\udcf1 Test mobile et vitesse r\u00e9guliers<\/li><li>\ud83d\uddfa\ufe0f Fiche Google Business Profile \u00e0 jour<\/li><li>\ud83d\udcca Suivi conversions et appels<\/li><\/ul>\n\n<p>Pour rester \u00e0 jour, parcourez ce <a href=\"https:\/\/webtoiture.fr\/blog\/webmarketing-essentiel-2026\/\">panorama essentiel 2026<\/a> et ce <a href=\"https:\/\/webtoiture.fr\/blog\/garan-cedore-magazine-site-tout-savoir-sur-la-plateforme-incontournable-en-2025\/\">dossier de veille<\/a> sur les plateformes incontournables. Les contenus pilier et l\u2019optimisation locale dopent l\u2019acquisition organique.<\/p>\n\n<h3 class=\"wp-block-heading\">Diffusion et notori\u00e9t\u00e9 : multiplier les points de contact<\/h3>\n\n<p>Partagez votre URL sur email, r\u00e9seaux sociaux, signature, devis et flyers QR. Centralisez t\u00e9moignages et avant\/apr\u00e8s, puis r\u00e9f\u00e9rez-vous aux <a href=\"https:\/\/webtoiture.fr\/blog\/strategies-webmarketing-2026\/\">cadres strat\u00e9giques<\/a> pour cadencer campagnes et publications.<\/p>\n\n<p>Les artisans et TPE gagnent en visibilit\u00e9 lorsqu\u2019ils appliquent ce <a href=\"https:\/\/webtoiture.fr\/blog\/webmarketing-artisans-guide\/\">guide pragmatique pour artisans<\/a> et s\u2019appuient sur des contenus r\u00e9guliers. L\u2019efficacit\u00e9 tient \u00e0 la r\u00e9p\u00e9tition et au suivi des indicateurs cl\u00e9s.<\/p>\n\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Combien de temps pour ru00e9aliser site web avec Google Sitesu2009?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Avec un contenu pru00eat, comptez 3 u00e0 6 heures pour un site vitrine complet (Accueil, u00c0 propos, Services, Contact). Un modu00e8le adaptu00e9 et une check-list SEO ru00e9duisent encore le du00e9lai.\"}},{\"@type\":\"Question\",\"name\":\"Peut-on utiliser un nom de domaine personnalisu00e9u2009?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. Achetez un domaine chez un registrar (ex. OVH, GoDaddy) et faites pointer le DNS vers votre site Google Sites. Lu2019opu00e9ration prend gu00e9nu00e9ralement moins du2019une heure.\"}},{\"@type\":\"Question\",\"name\":\"Google Sites est-il suffisant pour lu2019e-commerceu2009?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Google Sites convient comme vitrine. Pour vendre en ligne avec panier et paiement, orientez-vous vers une solution du00e9diu00e9e (ex. Shopify) et reliez les boutons depuis votre site.\"}},{\"@type\":\"Question\",\"name\":\"Comment amu00e9liorer le ru00e9fu00e9rencement naturelu2009?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ru00e9digez des titres explicites, utilisez des mots-clu00e9s longue trau00eene, soignez les descriptions, reliez vos pages, ajoutez des mu00e9dias optimisu00e9s et alimentez un blog. Un audit ru00e9gulier aide u00e0 prioriser.\"}},{\"@type\":\"Question\",\"name\":\"Quelles ressources pour aller plus loinu2009?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Consultez un guide du00e9taillu00e9 sur Google Sites, un audit SEO ru00e9gulier et des stratu00e9gies 2026 pour structurer lu2019acquisition et la conversion.\"}}]}\n<\/script>\n<h3>Combien de temps pour r\u00e9aliser site web avec Google Sites\u2009?<\/h3>\n<p>Avec un contenu pr\u00eat, comptez 3 \u00e0 6 heures pour un site vitrine complet (Accueil, \u00c0 propos, Services, Contact). Un mod\u00e8le adapt\u00e9 et une check-list SEO r\u00e9duisent encore le d\u00e9lai.<\/p>\n<h3>Peut-on utiliser un nom de domaine personnalis\u00e9\u2009?<\/h3>\n<p>Oui. Achetez un domaine chez un registrar (ex. OVH, GoDaddy) et faites pointer le DNS vers votre site Google Sites. L\u2019op\u00e9ration prend g\u00e9n\u00e9ralement moins d\u2019une heure.<\/p>\n<h3>Google Sites est-il suffisant pour l\u2019e-commerce\u2009?<\/h3>\n<p>Google Sites convient comme vitrine. Pour vendre en ligne avec panier et paiement, orientez-vous vers une solution d\u00e9di\u00e9e (ex. Shopify) et reliez les boutons depuis votre site.<\/p>\n<h3>Comment am\u00e9liorer le r\u00e9f\u00e9rencement naturel\u2009?<\/h3>\n<p>R\u00e9digez des titres explicites, utilisez des mots-cl\u00e9s longue tra\u00eene, soignez les descriptions, reliez vos pages, ajoutez des m\u00e9dias optimis\u00e9s et alimentez un blog. Un audit r\u00e9gulier aide \u00e0 prioriser.<\/p>\n<h3>Quelles ressources pour aller plus loin\u2009?<\/h3>\n<p>Consultez un guide d\u00e9taill\u00e9 sur Google Sites, un audit SEO r\u00e9gulier et des strat\u00e9gies 2026 pour structurer l\u2019acquisition et la conversion.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Site web gratuit, Google Sites, h\u00e9bergement gratuit et tutoriel cr\u00e9ation site en t\u00eate d\u2019affiche : ce guide pratique pour d\u00e9butants explique comment cr\u00e9er site web en quelques \u00e9tapes, sans code, avec un outil cr\u00e9ation site rapide et fiable. Dans un contexte o\u00f9 la conception web s\u2019industrialise, Google simplifie la mise en ligne d\u2019une vitrine claire, &#8230; <a title=\"Cr\u00e9er un site web gratuit avec google : guide pratique pour d\u00e9butants\" class=\"read-more\" href=\"https:\/\/webtoiture.fr\/blog\/creer-site-web-google\/\" aria-label=\"En savoir plus sur Cr\u00e9er un site web gratuit avec google : guide pratique pour d\u00e9butants\">Lire plus<\/a><\/p>\n","protected":false},"author":1,"featured_media":572,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[585,174,586,584,587],"class_list":["post-575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-creation-site-web","tag-google","tag-guide-debutants","tag-site-web-gratuit","tag-web-gratuit"],"_links":{"self":[{"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/posts\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":0,"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/posts\/575\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/media\/572"}],"wp:attachment":[{"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/media?parent=575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/categories?post=575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webtoiture.fr\/blog\/wp-json\/wp\/v2\/tags?post=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}