Alex, auteur sur Agence-Web Cubis-Helios

26 juin 2017

Les icônes réseaux sociaux ne s’affichent pas sur mon site internet !

ERreur contenu bloqué par le client : ERR blocked by client

Mes icônes Facebook, Twitter, Google Plus etc ne s’affichent pas sur mon site web !

Vous avez mis en place des icônes pour mener sur votre page Facebook, votre compte Twitter ? Ou même d’autres réseaux sociaux ? Seulement ils ne s’affichent pas !

On ne parle pas ici de widgets “J’aime”, “Tweeter” ou “+1”, mais simplement de liens avec des images menant vers vos comptes et vos pages de réseaux sociaux.

Comment afficher les icônes des réseaux sociaux sur votre site internet ?

Certains bloqueurs de publicités bloquent également les réseaux sociaux, car considérés comme “nuisibles” sur une page internet et pouvant ralentir la bonne expérience de l’utilisateur sur un site internet.

AdBlocks propose de supprimer les réseaux sociaux en plus des publicités, d’autres le proposent également comme Ghostery. UBlock par exemple semble encore mitigé sur le sujet (surement du fait que son développement est opensource).

AdBlock Plus : Désactiver le blocage pour un site

Si le blocage vient d’un bloqueur de pubs (ce qui est fort probable), il vous l’affichera dans la console :

Si le diagnostique est vérifié, voyons ensemble comment nous pouvons y remédier !

Comment afficher les logos des réseaux sociaux sur mon site internet ?

L’astuce est plutôt simple, il suffit de renommer les images sur le site internet en question. N’utilisez pas les noms “Facebook“, “Twitter“, “Instagram” etc sur vos images.

Choisir plutôt des noms raccourcis (de toute façon le nom des images n’influent pas le référencement !).

Avant :

facebook.png

Après :

logo_f.png

Les icônes des réseaux sociaux sont toujours bloqués !

Deuxième astuce (à faire avec la première), est de raccourcir les URL de vos liens ! Voici un exemple assez simple avec Facebook.

Avant :

https://www.facebook.com/AgenceWebCHC/

Après :

https://goo.gl/dAfG4n

Si malgré ça vos images de réseaux sociaux ne s’affichent toujours pas, laissez-nous un message en commentaire.

Ce poste a été inspiré par la réponse que nous avons donnée forum CCM.

21 juin 20175 juillet 2017

Apache HTTPD : Utiliser memcached avec mod_pagespeed

Memcached, utilisez le cache de PHP pour améliorer la réaction de son code PHP

Nous sommes actuellement dans une optique d’optimisation de notre infrastructure. Cela passe par la désactivation de services inutilisés, la configuration de paquets…

Nous avons donc configuré mod_pagespeed pour être couplé à memcached. L’idée c’est qu’au lieu d’écrire le cache sur le disque il utilise la RAM avec memcached pour un rendu bien plus rapide.

Installer et configurer memcached sur Debian

Installez simplement la dernière version du paquet.

apt install memcached

Vérifiez que le service est bien chargé

root@PleskCHC2:~# systemctl status memcached
 memcached.service - memcached daemon
 Loaded: loaded (/lib/systemd/system/memcached.service; enabled)
 Active: active (running) since mer. 2017-06-21 11:45:14 CEST; 27s ago
 Main PID: 9717 (memcached)
 CGroup: /system.slice/memcached.service
 └─9717 /usr/bin/memcached -m 64 -p 11211 -u memcache -l 127.0.0.1

On voit que memcached est lancé et écoute sur le port 11211. On peut modifier aisément la mémoire allouée à memcached.

/etc/memcached.conf

Par défaut à 64M, je l’ai mis à 256 à la ligne

-m 256

Installer et configurer mod_pagespeed pour Apache HTTPD

Pour installer mod_pagespeed rendez-vous sur le lien suivant :

https://developers.google.com/speed/pagespeed/module

Dans le fichier de configuration de Google Pagespeed.

nano /etc/apache2/mods-available/pagespeed.conf

Décommentez les lignes suivantes (CTRL+W pour rechercher un item).

ModPagespeedMemcachedServers localhost:11211
ModPagespeedCreateSharedMemoryMetadataCache "/var/cache/pagespeed/" 51200

Vérifier que PageSpeed communique avec memcached

On peut voir avec la commande netstat que pagespeed est bien en communication avec memcached.

netstat -tap | grep memcached
 tcp 0 0 localhost:11211 *:* LISTEN 9717/memcached
 tcp 0 0 localhost:11211 localhost:54693 ESTABLISHED 9717/memcached

Vérifier l’état de memcached

Pour vérifier que memcached fonctionne correctement, vous pouvez récupérer son statu actuel.

echo stats | nc 127.0.0.1 11211

21 juin 2017

WordPress : Sauvegarder son site internet tous les jours (backup)

Comment mettre en place la sauvegarde de son site internet WordPress

Faire des sauvegardes (backups) de son site internet devrait être obligatoire, je ne compte plus le nombre de personnes que je connais ayant perdu leur données en ayant dit “Je ferais des sauvegardes”.

Sur internet c’est encore plus vrai, car n’importe quel serveur peut crasher, et si votre hébergeur n’a pas de système de sauvegarde, vous l’avez dans l’os (chez Cubis nous sauvegardons les backups sur un autre serveur).

Un exemple simple. Vous faites une mise à jour de WordPress, dès lors, plus moyen d’accéder au site internet ni à l’administration ; votre site reste blanc. Si vous avez mis en place des sauvegardes, il sera bien plus rapide de restaurer votre site internet.

BackWPup : Sauvegarder son site internet WordPress tous les jours

Le plugin BackWPup permet de sauvegarder facilement son site internet WordPress sans connaissance techniques.

Dans BackWPup > Opérations, créer une nouvelle opération : je l’ai appelé Sauvegarde journalière.

Sauvegarder son site internet WordPress avec backWPup — Paramétrer la sauvegarde quotidienne de son site Internet WordPress

J’ai coché toutes les sauvegardes possibles

Sauvegarde de la base de données (essentiel)
Sauvegarde des fichiers (essentiel)
Export XML WordPress (permet d’exporter le contenu du site WP pour le réimporter dans une nouvelle instance de WP)
Liste des extensions installées (pour pouvoir les réinstaller facilement en cas de restauration)
Vérification des tables (optionnel, permet de vérifier si la base de données n’est pas corrompue)

Sauvegarder son site internet WordPress sur un autre espace — Déplacer sa sauvegarder WordPress par email, DropBox…

Sauvegarder dans le répertoire est la bonne chose à faire de base.

Le mieux est d’envoyer la sauvegarder sur un autre serveur (comme un FTP). DropBox permet de stocker gratuitement quelques gigas, mais je ne fais absolument pas confiance à ce service.

Enregistrer ensuite la nouvelle opération de sauvegarde quotidienne de WordPress.

Programmer la sauvegarde de son site internet WordPress

Dans l’onglet programmation, j’ai simplement indiqué une sauvegarde quotidienne de WordPress.

Sauvegarder son site internet WordPress tous les jours — Paramétrer la sauvegarder de WordPress tous les jours à 3h du matin

Lancer la sauvegarde manuelle de son site internet WordPress

Dans BackWPUp > Opérations, passez votre souris sur la sauvegarde que vous voulez tester et cliquez sur “Lancer la sauvegarde manuelle“.

Votre site sera alors sauvegardé et vous pourrez vérifier que votre système de sauvegarde fonctionne correctement.

WordPress en cours de sauvegarder via le plugin backWPup — Sauvegarde en cours de WordPress…

20 juin 201720 juin 2017

Comment sauvegarder son site internet ? (WordPress, Joomla, Drupal, Prestashop…)

Sauvegarder son site internet depuis phpMyAdmin

Comment sauvegarder son site internet en 5 minutes ?

Sauvegarder son site internet est très important si vous souhaitez changer d’hébergeur pour une raison ou une autre. Certains hébergeurs ne proposent également pas de sauvegardes (à contrario de Cubis-Helios).

A noter que ce tutoriel pour sauvegarder son site internet s’applique à tous les CMS (WordPress, Drupal, Prestashop, Magento, Joomla…).

Pour sauvegarder son site internet facilement vous n’avez que cela à faire :

Récupérer les fichiers depuis le FTP sur votre hébergement web ;
Exporter la base de données de votre site internet (via phpMyAdmin ou ligne de commande) ;

C’est tout. Les outils présents dans les différents CMS vous permettent parfois de récupérer ces informations (mais pas toujours), c’est pourquoi il est préférable de faire une copie entière du site internet à sauvegarder !

A la fin de ce tutoriel pour faire un backup de son site internet / le sauvegarder, nous verrons comment aspirer votre site internet pour sauvegarder la partie visuelle sur votre ordinateur.

Sauvegarder son site internet en récupérant les fichiers présents sur le FTP

Votre hébergeur a du vous fournir un code d’accès pour accéder au FTP (là où vous avez mis vos fichiers d’installation du site).

Connectez-vous y, et récupérez tous les fichiers s’y trouvant.

Pour vous connecter, vous devez avoir installé FileZilla, WINSCP ou un autre client FTP.

Sauvegarder son site internet en sauvegardant les fichiers présents sur son hébergement web — Sauvegarder son site internet depuis le FTP /FTPS ou le SFTP

Zipper et récupérer ses fichiers depuis un hébergement dédié

Si et seulement si vous avez un hébergement dédié (cela ne vous concerne probablement pas), alors vous pouvez zipper votre site internet via SSH et le récupérer via FTP / SFTP.

Zipper le contenu de son site internet sur un hébergement dédié

zip -R 'site-internet.zip' /var/www/votre-site

Récupérer le contenu zippé de son site internet depuis un hébergement dédié

get site-internet.zip

Sauvegarder la base de données de son site internet via phpMyAdmin

La plupart des hébergeurs (nous y compris) fournissent un service gratuit nommé “phpMyAdmin“, il permet de gérer facilement la base de données et ses utilisateurs sans connaissance technique en webmastering.

Ce service est très pratique, voici comment sauvegarder la base de données de son site internet.

Sélectionner à gauche la base de données de son site internet, et dans les onglets en haut aller dans “Export“, cliquez sur “Exécuter” pour télécharger l’export de la base de données de son site internet au format .sql.

PhpMyAdmin sauvegarder la base de données de WordPress sous WAMP — Sauvegarder la base de données de son site internet WordPress sous WAMP

Sauvegarder la base de données de son site internet sur un hébergement dédié

Si vous n’avez pas phpMyAdmin sur votre serveur dédié, vous pouvez utiliser la commande suivante pour exporter la base de données de votre site internet.

Sauvegarder la base de données de son site internet en ligne de commande

mysqldump -u user -p 'votrebasededonnées' > backup.sql

Sauvegarder toutes les bases des données MySQL en ligne de commande

mysqldump -u root -p --all-databases > alldb.sql

Mon site internet est sauvegardé, que faire ?

Une fois votre site internet sauvegardé vous pouvez vous trouver un nouvel hébergeur ou archiver votre sauvegarder dans un dossier avec la date actuelle.

Pensez à jetez un oeil à notre offre sécurisé :

https://agence-web.cubis-helios.com/hebergement-assiste-securite-proteger-site-web-internet/

20 juin 201721 juin 2017

WordPress : Rediriger les images vers l’article originel

WordPress crée par défaut une page pour les images uploadés sur le site. Ces pages médias contiennent votre image et la description de celle-ci. Hormis de rares cas, cette fonctionnalités n’est pas du tout utile et contre-productive pour le référencement naturel SEO.

Mettre en place la redirection des médias vers l’article parent

Lorsque vous aurez mis cette option en place, WordPress devrait automatiquement rediriger l’utilisateur lorsqu’il arrive sur la page contenant le média vers l’article parent.

Pour que cela fonctionne, il faudra que l’image ai été ajouté directement dans une page ou dans un article après l’upload de cette dernière.

Dans certains cas, cela ne fonctionnera pas : par exemple si vous uploadez le logo ou une image à mettre en Widget… Je ne sais pas pourquoi WordPress fait cela, mais c’est une très mauvaise idée.

Exemple de pages médias WordPress

Yoast SEO : Rediriger les médias vers l’article parent

L’excellent Yoast SEO permet de rediriger les médias pages vers l’article parent.

Dans SEO > Avancée > Permaliens.

Rediriger l’URL des pièces-jointes vers l’URL de l’article parent.

Les pièces jointes des articles sont stockées dans la base de données en tant qu’articles, ce qui signifie qu’elles sont accessibles par leurs propres URL si vous ne les redirigées pas. Activer cette option les redirigera vers l’article auquel elles sont attachées.

Activez cette option. Elle ne fonctionne pas toujours, mais elle a le mérite d’essayer de supprimer cette fonctionnalité.

Une autre chose importante à faire étant donné qu’il n’est pas possible de désactiver la création des pages médias sous WordPress, c’est de désindexer ces pages de Google, cela donnera d’autant plus de jus à vos articles parents.

Désindexer les pages medias de WordPress sur Google

Toujours dans Yoast SEO : SEO > Titres & Métas > Médias.

Méta robots

indexnoindex

Cela permettra à Google de savoir que vous ne voulez pas indexer les pages médias de WordPress sur le moteur de recherche.

Un plugin pour désactiver l’indexation des pages médias

Il y a ce plugin que j’avais testé qui fait le travail comme il faut pour désactiver le référencement des images médias de WordPress.

Noindex Attachment Pages

Attachment Pages Redirect permet de faire une redirection 301 vers le poste parent s’il existe

Si Yoast SEO ne fonctionne pas, essayez cet autre plugin.

Attachment Pages Redirect