Création de votre site web en 78H chrono !

Création de votre site web en 78H chrono !

Hébergement, Nom de domaine, WordPress

Création de site web en 78h chrono

1. Choisir un bon nom de domaine

En .fr ou en .com, avec ou sans tiret, pour moi, il n’y a pas de règles à ce niveau là.

Le nom de domaine va souvent reprendre le nom de votre société, association ou autres.
Cependant, il peut être intéressant de préférer des mots clés, qui décrivent votre activité et/ou le lieu, à votre nom.
En effet, c’est ici qu’ils auront le plus d’influence sur votre référencement naturel.
Ex : stage-ressourcement.com, 1ère place sur une recherche « stage ressourcement »

Pour savoir si votre nom de domaine est disponible, vous pouvez utiliser un outil whois.

2. Acheter un hébergement web

Maintenant que vous avez trouvé votre nom de domaine, vous allez l’acheter en même temps que votre hébergement.
L’hébergeur principal en France est OVH.
Un hébergement Perso sera, dans la plupart des cas,suffisant.

3. Installer WordPress

Connectez-vous à votre espace réservé sur OVH

Activez le SSL (pour bénéficier de l’accès à votre site en https) : Hébergements / Multisite / Modifier le domaine

Lancez l’installation de WordPress : Modules en 1 clic / Ajouter un module / WordPress

4. Mettre en place le template DIVI

DIVI est un thème WordPress payant, très populaire, utilisé sur des centaines de milliers de sites web. Il est accompagné d’un builder (constructeur de pages) avec un éditeur wysiwyg (visuel). Divi est un template personnalisable à souhait. On peut également charger des pages « toutes faites » entièrement designées.

  • Installez DIVI en ajoutant un thème (téléverser l’archive .zip contenant le template DIVI).
  • Paramétrez DIVI :
    – DIVI / Options du thème : pour ajouter un logo, les liens vers vos réseaux sociaux…
    – Apparence / Personnaliser : définir les styles (typos, couleurs…), le menu, le pied de page…

5. Création des pages web

Maintenant que l’environnement est en place, passons à la création du site proprement dite.

2 solutions : utiliser un layout (une page « toute faite » que l’on modifiera) ou partir de la page blanche et la construire à partir des modules proposés.

Exemple de layout

6. Référencement

Votre site web est terminé. Tout du moins, une première version que vous jugez aboutie.
Il reste à le faire connaître :

  • Créer un sitemap (plan du site) et le placer sur votre hébergement.
    Par exemple, à la racine du site : https://www.site-web.com/sitemap.xml
  • Google Search Console : soumettre le plan du site à Google
  • Google My Business : référencer son magasin ou son activité sur Google maps et être bien visible dans la recherche Google avec sa fiche d’établissement.

Site web express

Vous n’avez pas beaucoup de temps à consacrer à votre site internet ?
Vous n’avez pas ni temps ni les compétences de le faire vous-même ?

Laissez-vous guider !
On se donne 3 jours pour réaliser votre site vitrine.

Tarif : 420 €*

*Achat d’un nom de domaine et d’un hébergement à votre charge

Simple, économique, rapide… EFFICACE

 

La jamstack, une alternative à WordPress

La jamstack, une alternative à WordPress

JavaScript, API et Markup

La jamstack, une alternative à WordPress

JAM est mis pour JavaScript, API et Markup
  • JavaScript : les fonctionnalités dynamiques sont gérées par JavaScript. Vous êtes libres d’utiliser la bibliothèque ou le framework que vous voulez.
  • API : les opérations côté serveur sont abstraites sous forme d’API réutilisables, accessibles en HTTPS à l’aide de JavaScript. Ces opérations peuvent être déléguées à des services tiers ou bien à vos propres fonctions.
  • Markup : les sites web sont servis sous forme de fichiers HTML statiques. Ces fichiers peuvent être générés à partir de fichiers source, comme du Markdown, à l’aide d’un générateur de site statique.
Les principaux bénéfices apportés par la JAMstack
  • Une performance accrue : servir du code généré et des assets à partir d’un CDN
  • Une meilleure sécurité : plus besoin de se soucier des vulnérabilités du serveur ou de la base de données
  • Un coût bien moindre : l’hébergement de fichiers statiques est moins cher, voire gratuit
  • Une meilleure expérience de développement : les développeurs front end peuvent se focaliser sur la partie client, sans être dépendants d’une architecture monolithique. Cela se traduit en général par un développement plus rapide et plus ciblé.
  • Redimensionnement à la volée : si votre site devient viral ou est soumis à un pic d’activité, le CDN compensera sans problèmes.
Sites web SEO-friendly

Il y a une chose que Google et vos clients ont en commun : ils aiment tous les 2 les sites rapides.

Vercel, une plateforme phare de ce nouvel éco-système qu’on nomme la JAMStack

Le principe : à chaque fois que des modifications sont poussées dans le gestionnaire de sources (git) sur la branche principale, Vercel intercepte cet événement et reconstruit une nouvelle version du site qui est déployée automatiquement sans interruption de service !
Toutes les précédentes versions sont néanmoins historisées et si jamais notre code a amené des régressions (ça peut arriver), il est possible dans l’interface de Vercel de choisir une version précédente à remettre en production à la place de la version fautive.

Et si l’on pousse une modification complètement erronée (ça peut arriver aussi) le build échoue et le site live reste donc intact !

C’est donc vraiment la pierre angulaire pour être sûr de vos déploiements, et aussi pour avoir un temps de réponse constant car Vercel déploie votre application dans son propre CDN.

En savoir +

CMS, les sites Jamstack peuvent aussi être gérés via un système de gestion de contenu

Exemple de CMS : Forestry.io

C’est un CMS que j’aime beaucoup car il est simple, et il a une interface avec Cloudinary pour uploader les images et vidéos.
Son point fort, c’est qu’il ne s’appuie pas sur une base de données pour stocker le contenu texte mais sur notre repository git. Et ça c’est génial ! Ça veut dire que tout le contenu texte est historisé dans git au même titre que le code source et c’est aussi très efficace pour avoir des build rapides (pas d’appels API à une base de donnée).

Cloudinary : une solution complète de DAM (Digital Assets Managements)

Cloudinary : une solution complète de DAM (Digital Assets Managements)

Digital Assets Managements

Cloudinary, une solution complète de DAM

Cloudinary a beaucoup de fonctions avancées et peut être utilisée comme une solution complète de DAM (Digital Assets Managements) mais nous allons simplement voir ses caractéristiques de base, celles qui ont fait la réputation du service :

  • un CDN (un réseau de diffusion de contenu) qui garantit que nos flux vidéos sont toujours servis avec la meilleure vitesse car les vidéos ne sont pas stockées sur 1 seul serveur mais bien sur des serveurs clouds redondants dans plusieurs endroits du monde pour que la charge soit répartie et proches des utilisateurs qui la consomme.
  • mais la vraie killer feature c’est la possibilité de générer à la volée des transformations sur les images et vidéos : redimensionnement, changement de qualité et de format, cropping… Ce qui est vital pour être sûr d’envoyer l’image et le flux vidéo le plus adapté à l’expérience du client (bande passante et taille d’écran) qu’il soit donc sur mobile en 3G ou sur écran 4K avec la fibre.. 

Coût de l’abonnement mensuel

gratuit puis 76€ par mois

Pendant la phase de développement je pense qu’un compte gratuit suffira mais ensuite il faudra passer à un plan sérieux dont le coût mensuel est d’environ 76€/mois pour pouvoir gérer jusqu’à 225Go d’assets et de bande passante mensuelle. 

Sachant qu’il y a toujours des plans plus performants et plus chers pour supporter la croissance du service sans faillir..

Faille de sécurité sur Woocommerce

Faille de sécurité sur Woocommerce

13 juillet 2021

Faille de sécurité sur Woocommerce

Une vulnérabilité critique concernant WooCommerce et le plugin WooCommerce Blocks a été identifiée ce mardi 13 juillet (2021).

Les versions 3.3 à 5.5 sont concernées. Il faut mettre à jour votre copie de WooCommerce vers la dernière version (5.5.1).

Une mise à jour immédiate des sites WooCommerce sous contrat de maintenance

L’ensemble des sites WooCommerce pour lesquels la maintenance est gérée par soixante-dix-huit.fr ont immédiatement été mis à jour dès que l’email d’alerte envoyé par Woocommerce a été reçu, le 15 juillet. Ce type d’incident illustre l’importance d’une maintenance régulière des sites WordPress, cible privilégiée des hackers.

Comparaison des frameworks jamstack basés sur React.js

Comparaison des frameworks jamstack basés sur React.js

Gatsby, RedwoodJS, Next.js

Comparaison des frameworks jamstack basés sur React.js

GSS : Générateur de site statique.
La plupart des sites Jamstack sont propulsés par un générateur de site statique.

JAMstack ? Kezako

JAM est mis pour JavaScript, API et Markup :

  • JavaScript : les fonctionnalités dynamiques sont gérées par JavaScript. Vous êtes libres d’utiliser la bibliothèque ou le framework que vous voulez.
  • API : les opérations côté serveur sont abstraites sous forme d’API réutilisables, accessibles en HTTPS à l’aide de JavaScript. Ces opérations peuvent être déléguées à des services tiers ou bien à vos propres fonctions.
  • Markup : les sites web sont servis sous forme de fichiers HTML statiques. Ces fichiers peuvent être générés à partir de fichiers source, comme du Markdown, à l’aide d’un générateur de site statique.

Les principaux bénéfices apportés par la JAMstack sont :

  • Une performance accrue : servir du code généré et des assets à partir d’un CDN
  • Une meilleure sécurité : plus besoin de se soucier des vulnérabilités du serveur ou de la base de données
  • Un coût bien moindre : l’hébergement de fichiers statiques est moins cher, voire gratuit
  • Une meilleure expérience de développement : les développeurs front end peuvent se focaliser sur la partie client, sans être dépendants d’une architecture monolithique. Cela se traduit en général par un développement plus rapide et plus ciblé.
  • Redimensionnement à la volée : si votre site devient viral ou est soumis à un pic d’activité, le CDN compensera sans problèmes.
React.js

React est une bibliothèque JavaScript déclarative, efficace et flexible pour construire des interfaces utilisateurs (UI). Elle vous permet de composer des UI complexes à partir de petits morceaux de code isolés appelés « composants ».

Gatsby

Gatsby est un outil de génération de sites statiques et d’applis web.

 

Next.js

Next.js est un framework qui permet aux développeurs d’écrire facilement des applications universelles.

 

RedwoodJS

un framework JavaScript qui apporte le full-stack à la philosophie JAMstack.
Basé sur React, GraphQL et Prisma.