Web Design & Webmaster tutorials

Un des paramètres que beaucoup néglige en webdesign est le temps de chargement de son site internet ! Il se doit de rester le plus rapide possible ! Pour que votre utilisateur ne se retrouve pas à attendre quelques minutes pour voir votre contenu et google aime ca également, donc pour votre référencement, il est impératif d'avoir un site rapide pour être mieux référencé ! Pour ce faire un des bons points a adopter en permanence est de compresser vos images et PDF, je vous conseille donc cet outils qui le fait très bien en 2 clics : compressjpeg.com

Pour pouvoir désactiver des fonctions PHP dans plesk sur un domaine en particulier, il vous faut : Vous connecter à Plesk Aller sur le domaine voulu ou vous voulez désactiver des fonctions PHP Aller dans les paramètres PHP de se domaine et tout en bas de la page des paramètres, vous aurez un champ de texte appelé : directives supplémentaires Dans ce champs ajouter : "disable_functions =" suivi de vos directives à désactiver, exemple : disable_functions=exec,system,passthru,popen,proc_open,shell_exec (toutes les directives ajoutées doivent être séparées par des virgules sans espace entre elles et pas de virgules à la fin). [voir capture ci-…

Pour créer un lien HTML qui s'ouvre dans une nouvelle fenêtre et qui est marqué comme nofollow, c' est une pratique courante pour améliorer l'expérience utilisateur et optimiser le SEO. Voici comment procéder : Étape 1 : Comprendre les attributs nécessaires : Pour créer un lien qui s'ouvre dans une nouvelle fenêtre et qui est en nofollow, vous devez utiliser les attributs suivants dans votre balise <a> : target="_blank" : Cet attribut permet d'ouvrir le lien dans un nouvel onglet ou une nouvelle fenêtre. rel="nofollow" : Cet attribut indique aux moteurs de recherche de ne pas suivre ce lien, ce qui peut être utile pour évit…

Optimiser votre site internet pour Google est essentiel pour améliorer votre visibilité en ligne et attirer plus de visiteurs. Voici un guide étape par étape pour vous aider à optimiser votre site : 1. Recherche de mots-clés : Identifiez vos mots-clés principaux : Utilisez des outils comme Google Keyword Planner pour trouver des mots-clés pertinents pour votre secteur. Longue traîne : Concentrez-vous également sur les mots-clés de longue traîne, qui sont souvent moins compétitifs mais peuvent générer un trafic ciblé. 2. Optimisation On-Page : Balises de titre et méta descriptions : Assurez-vous que chaque page a une balise de…

Comment Créer une Ancre sur WordPress : Les ancres, ou liens d'ancrage, sont des éléments essentiels pour améliorer la navigation sur votre site WordPress et optimiser votre référencement (SEO). Elles permettent aux utilisateurs de naviguer facilement vers des sections spécifiques d'une page, améliorant ainsi l'expérience utilisateur et réduisant le taux de rebond. Voici un guide complet pour créer des ancres sur WordPress tout en respectant les principes du SEO. 1. Comprendre les Ancres et leur Importance pour le SEO : Les ancres sont des liens hypertextes qui permettent de naviguer vers une section spécifique d'une page. Elles sont parti…

Pour créer un lien téléphone cliquable sur votre site internet, vous pouvez utiliser ce code : <a href="tel:+33612345678" class="votreclassecss">votre texte</a> La class : votreclasscsss peut être utilisée pour styliser le lien en bouton par exemple

Pour insérer un lien vers une adresse e-mail qui soi cliquable il suffit d'utiliser ce code : <a href="mailto:votreadresse@mail.fr" class="votreclassecss">Contactez-moi !</a> vous pouvez utiliser la class : votreclasscss pour styliser votre lien en bouton par exemple avec du css

Pour faire un bouton en html sur votre site internet, voici quel code utiliser : <a href="https://forum.camel-design.com/" class="button_camel_design">Mon bouton HTML</a> Remplacer : l'url par votre url ou vous voulez que votre bouton pointe la class "button_camel_design" par une classe personnalisée qui vous aidera avec le css a styliser le bouton et enfin le texte de fin "mon bouton html" par le texte qui doit apparaitre sur votre bouton Voici également un exemple de css pour styliser le lien en bouton : <style> .button_camel_design { background-color: #0066cc; border:…

Pour pouvoir intégrer votre live Twitch sur votre site internet et ainsi présenter le contenu de votre stream à vos followers sur votre communauté, copier coller le code ci-dessous : <div id="twitch-embed"></div> <script src="https://embed.twitch.tv/embed/v1.js"></script> <script type="text/javascript"> new Twitch.Embed("twitch-embed", { width: "100%", height: 600, channel: "ID de la chaine", theme: "dark", }); </script> Paramètres du code d’intégration twitch : - Channel : renseigné l’ID de votre chaîne twitch, l’id est la fin de l’url de votre chaî…