Logo de Dr PAGE, représentant un globe bleu entouré d'anneaux avec l'inscription 'Dr PAGE', symbolisant l'expertise en automatisation IA et création de site web en Guadeloupe
Consultation gratuite
Logo de Dr PAGE, représentant un globe bleu entouré d'anneaux avec l'inscription 'Dr PAGE', symbolisant l'expertise en automatisation IA et création de site web en Guadeloupe
Consultation gratuite
Comment avoir un site web 100% responsive sur Divi ?

Comment avoir un site web 100% responsive sur Divi ?

par | Oct 14, 2022 | Astuces Divi

Comment avoir un site web 100% responsive sur Divi ?

Vous vous demandez pourquoi avoir un site web responsive est si important ? Et bien, laissez-moi vous le dire : c’est un peu comme être la personne la plus cool à la soirée. Si votre site n’est pas responsive, vous risquez de passer pour le ringard de service, celui qui n’a pas su s’adapter aux nouvelles technologies et aux besoins de ses utilisateurs.

Mais si votre site est responsive, c’est tout le contraire ! Vous serez le roi ou la reine de la soirée, célébré par tous pour votre capacité à offrir une expérience utilisateur exceptionnelle, quel que soit le type d’appareil utilisé. Vous serez aussi bien vu par Google, qui accorde une grande importance à la qualité de l’expérience utilisateur dans ses algorithmes de recherche.

Mais pourquoi est-ce si important d’avoir un site responsive ?

Tout simplement parce que de nos jours, les gens utilisent de nombreux appareils différents pour naviguer sur le web : ordinateurs de bureau, portables, smartphones, tablettes, et j’en passe. Si votre site n’est pas responsive, il risque de ne pas s’afficher correctement sur certains de ces appareils, ce qui peut être frustrant pour vos utilisateurs et les inciter à quitter votre site.

En résumé, avoir un site web responsive est essentiel pour offrir une expérience utilisateur agréable à tous vos visiteurs, quel que soit leur appareil. Alors, n’attendez plus et rendez votre site responsive dès maintenant ! Vous serez la star de la soirée, je vous le garantis.

Comment créer une signature professionnelle pour vos mails ?

Comment créer une signature professionnelle pour vos mails ?

par | Oct 10, 2022 | Atouts

Comment créer une signature professionnelle pour vos mails ?

Touche bleu "digital signature" sur un clavier d'orduinateur"

Pourquoi utiliser une signature mail professionnelle ?

Dans notre monde numérique, le mail est l’outil de communication le plus répandu et le plus utilisé, surtout dans les entreprises, PME/PMI ou Auto-entrepreneur.

La signature de mail professionnelle sert à renforcer une image de marque. Elle doit donc être corporate et respecter le message et la charte graphique de votre entreprise. 

En effet, les mails signés électroniquement apportent une assurance au destinataire que la personne avec qui il parle est bien la bonne personne ou la bonne entreprise.

Elle permet aussi d’apporter toutes les informations nécessaires du type numéro de téléphone, adresse physique du magasin ou du site web, les réseaux sociaux, etc. Le tout à un seul endroit. Vous pouvez même y ajouter un message ou une tagline.

Vous l’aurez compris, avoir une signature professionnelle pour vos mails est indispensable.

Voici comment la réaliser  

Qu’est-ce que vous trouverez dans la vidéo ?

Dans cette vidéo, je vous montre pas à pas comment créer facilement et rapidement une signature professionnelle pour vos mails et ensuite l’intégrer à Gmail. Encore une bonne manière de sortir du lot et montrer à votre audience votre professionnalisme.

Enjoy😎

10 conseils pour optimiser vos images pour un meilleur référencement

10 conseils pour optimiser vos images pour un meilleur référencement

par | Oct 7, 2022 | Atouts

10 conseils pour optimiser vos images pour un meilleur référencement

18

Pourquoi l’optimisation des images est-elle importante ?

Vitesse de la page : Les images volumineuses et non optimisées peuvent rendre votre site Web lent.

Vos visiteurs n’attendront pas que votre site Web se charge, et l’optimisation de vos images contribuera grandement à garantir qu’il se charge rapidement.

Expérience utilisateur (Ux) : Lorsque votre site Web prend une éternité à se charger, il n’offre pas exactement la meilleure expérience à vos visiteurs.

Vos visiteurs s’attendent à ce que votre site se charge rapidement. L’optimisation de vos images permet d’assurer une meilleure expérience utilisateur (Ux) et de répondre aux attentes des utilisateurs.

Search Engine Optimisation SEO : L’optimisation des images aidera à garantir que vos images se classent dans les recherches d’images sur Google, et elle sera également bénéfique pour le référencement global (optimisation pour les moteurs de recherche) de votre site Web.

De plus, la vitesse de la page joue un rôle important dans l’algorithme de recherche de Google, et l’optimisation de l’image vous aidera à éviter les pénalités de recherche organique d’avoir un site Web lent.

Qu’est-ce que vous trouverez dans la vidéo ?

Dans cette vidéo, je vais vous présenter 10 façons d’optimiser au mieux vos images sur vos sites web.  Tout ça dans un seul but; faire plaisir au moteur de recherche Google et ainsi faire ranker de plus en plus haut votre site.

Enjoy😎

Comment réaliser un effet Ken Burns sur Divi ?

Comment réaliser un effet Ken Burns sur Divi ?

par | Sep 30, 2022 | Design Divi, Astuces Divi

Comment réaliser un effet Ken Burns sur une section plein écran ?

Photo avec effet Ken Burns

L’effet Ken Burns, c’est quoi ?

L’effet Ken Burns est un type d’effet de panoramique et de zoom utilisé dans la production de films et de vidéos à partir d’images fixes. En termes simples, l’effet Ken Burns est un effet qui donne du mouvement aux images fixes et donne vie à ces images. Très largement utilisé dans les documentaires, il donnera à votre site web une tout autre dimension.

Qu’est-ce que vous trouverez dans la vidéo ?

Dans cette vidéo, je vous explique pas à pas comment réaliser un effet Ken Burns sur une section Hero.

Enjoy😎

Classe CSS à positionner dans le module « curseur de défilement »

dfhs-1

Code CSS à positionner dans le module « code en pleine largeur »

.dfhs-1 .et_pb_slide .et_parallax_bg {

animation: dfhs-ken-burn 15s forwards;

animation-iteration-count: infinite;

}

@keyframes dfhs-ken-burn {

0% {

    transform: scale3d(1.4, 1.4, 1.4);

    animation-timing-function: linear;

}

100% {

    transform: scale3d(1, 1, 1);

}

}

Comment réaliser des images flottantes superposées sur divi ?

Comment réaliser des images flottantes superposées sur divi ?

par | Sep 30, 2022 | Design Divi, Astuces Divi

Comment réaliser des images flottantes superposées ?

3 images superposées

Images flottantes superposées ?

L’effet a pour but de créer une animation avec des images qui vont se superposer donnant l’impression de flotter sur votre page. Effet qui ne laissera pas vos visiteurs sans réaction et qui vous distinguera de tous les autres sites web. 

Qu’est-ce que vous trouverez dans la vidéo ?

Dans cette vidéo, je vous explique pas à pas comment réaliser un effet d’images superposées flottantes avec le divi builder. Un super effet à implémenter sur vos sites web.

Enjoy😎

Classe CSS à positionner dans les modules images

« dr-page-floating » – « dr-page-floating1 » – « dr-page-floating2« 

Code CSS à positionner dans les paramètres de la page

@keyframes floating {

    0% {transform: translate(0,  0px);}

    50%  {transform: translate(0, 15px);}

    100%   {transform: translate(0, 0px);}     

}

.dr-page—floating {   

  animation: floating 7s ease-in-out infinite;

}

.dr-page—floating1 {

  animation-delay: -4.5s;

}

.dr-page—floating2 {

  animation-delay: -3s;

}