archive

Archives de Tag: Responsive Design

Bonjour tout le monde !

Je vous souvent de Baidu, de 360 de temps en temps, de Sogou très rarement, mais là, je dois vous présenter un petit nouveau : Shenma. En avril 2017, ce moteur de recherche mobile chinois a piqué beaucoup de part de marché à 360 et un peu à Baidu : il a tout de même 8,78% de part de marché ! Et 360 se retrouve avec 7,87% …

Il a été créé en 2014 par Alibaba pour répondre aux attentes des mobinautes chinois qui sont de plus en plus nombreux. Il possède une interface ultra simple, et parfois, on peut se retrouver qu’avec 3 résultats de recherche sur la SERP :

La technologie de Shenma repose surtout sur celle d’Aliyun (ou Alibaba Cloud). L’idée de Shenma est de fournir un moteur de recherche simple à utiliser sur mobile pour la recherche d’informations, d’e-books, d’applications, etc. Il faut savoir que maintenant, même Baidu, dans son outil de génération de mots-clés, il n’affiche même plus les volumes sur PC, mais uniquement sur mobile. C’est vous dire l’avancée de la technologie mobile en Chine !

De mon côté, je me spécialise sur le SEO de Shenma, et cela ne me semble pas trop compliqué comme je connais déjà Baidu et Google qui sont quand même les deux grands moteurs de ce monde. J’ai donc commencé par créer des comptes Webmaster Tools Shenma pour mieux appréhender la bête :

shenma-webmaster-tools-20170921 AUTOVEILLE

La vérification du site peut se faire par l’import d’un petit fichier comme pour Google, mais aussi par meta tags (option que j’ai choisie), et il faut absolument faire vérifier le site en moins de 4 heures dès lors que le code de suivi a été généré. Si cela n’est pas fait, il faut tout recommencer.

Par exemple, pour mon site AUTOVEILLE, j’ai soumis le sitemap.xml, et je vois une indication disant que les sitemaps ne peuvent pas contenir de plus de 10 000 URLs :

shenma-webmaster-tools-sitemap-autoveille

Il permet aussi de vérifier l’état du crawl du site, l’indexation des pages, les pages erreurs 404, le trafic sur le site, etc. Bon, de mon côté, sur les captures, je n’ai pas encore de données :

shenma-webmaster-tools-traffic-autoveille

Capture pour l’interface du suivi de trafic

Et ci-dessous, la capture pour l’outil de suivi de liens externes / backlinks dans Shenma :

shenma-webmaster-tools-backlinks-check-autoveille

Capture pour l’interface de suivi de backlinks

Les outils pour webmasters de Shenma sont assez simples et animés par leur mascotte, et on constate bien que les liens externes, et la santé générale du site font partie des éléments importants à suivre pour le SEO sur Shenma 🙂

Si vous avez des questions sur le SEO chinois ou le SEO tout court, envoyez moi un petit mail : autoveille@gmail.com !

Bon courage à tous !

V̩ronique Duong РConsultante SEO certifi̩e CESEO 2014

Publicités

Bonjour tout le monde,

Cela fait trois semaines que je ne peux pas accéder au serveur de mon site officiel AUTOVEILLE. Je ne peux donc pas mettre à jour mon site qui traite de mes outils d’automatisation et de mon logiciel de veille. C’est de plus en plus embêtant, et je vais rappeler Free pour régler ce problème au plus vite !

Cette semaine a été très chargée (alors que nous sommes en août !) que ce soit en référencement naturel ou en veille stratégique (e-réputation, informationnelle, etc.). J’ai surtout travaillé la partie SEO technique avec tous mes clients qui veulent mettre en place des refontes, des nouvelles fonctionnalités sur leurs sites, etc. Vive les redirections 301 et les fichiers .htaccess !

A l’avenir, j’aimerais vraiment être encore plus forte dans le technique, je veux développer les fichiers .htaccess, les redirect rules et les autres éléments moi-même. Je vais apprendre plus pour être totalement autonome (sans l’assistance d’un développeur par exemple). Mais cela pourrait me prendre un peu de temps. I can do it !

Sinon, j’ai récemment décidé de créer un blog AUTOVEILLE (oui, un autre 😉 ) qui soit plus multimédia. Jusqu’à présent, mes sites traitent surtout de sujets très techniques ou très analytiques, et ils ne sont pas très visuels (pas de vidéos, de photos, mes comptes Pinterest et Instagram n’y sont pas liés, etc.), et j’ai donc voulu créé un blog plus visuel pour développer le côté multimédia et visuel d’AUTOVEILLE.

Voici l’adresse de mon blog AUTOVEILLE Multimédia ! >> http://autoveillemultimedia.wordpress.com

Blog AUTOVEILLE Multimédia - Responsive Design

Testez le design de mon nouveau blog qui est tout Responsive ! J’aime beaucoup cette template. Je développe de temps en temps des pages Responsive, et vraiment j’adore l’effet d’adaptation et la fluidité que cela donne.

Nouvelle adresse de contact : autoveille@gmail.com

Bon courage à tous !

Véronique Duong –

Bonjour tout le monde !

Dans cet article, je ne vais pas vous proposer une infographie super spéciale, mais juste un « message » sous forme d’image qui doit nous faire réfléchir par rapport à ce qu’est le web en 2014.

J’ai remarqué que certains sites commencent à se mettre au Responsive Design, mais la majorité ne sont pas encore adaptatifs. Désormais, de plus en plus de grandes marques font du mobile marketing, et il faut s’adapter à cette tendance pour ne pas se sentir « abandonné » par les dernières hautes technologies.

Le web, ce n’est plus que le PC. Le web, c’est aussi les téléphones, les smartphones, les tablettes et les divers autres appareils pouvant se connecter à l’Internet. Voici l’image en question, rapatriée par mon outil de veille depuis le site Edge 360 :

Le web en 2014 - Responsive Design - AUTOVEILLE

Pensez-y ! et bon courage 🙂

Véronique Duong –

Bonjour tout le monde !

Aujourd’hui, je suis en congé et j’ai enfin de le temps d’effectuer une réelle veille d’informations complète avec mon logiciel de veille (que je dois également mettre à jour ! cela fait un moment que je n’ai pas vraiment pu m’occuper de lui). Je viens de trouver une infographie super intéressante et je compte la partager avec vous : 5 raisons qui prouvent qu’il est désormais indispensable de mettre en place le Responsive Design pour tout site web.

Depuis 2012, c’est Google lui-même qui recommande de mettre en place ce système d’adaptation de contenu.

Côté SEO, on concentre ses efforts d’optimisations pour un même site web au lieu de deux (toujours l’idée des versions PC et mobile). Cela est un réel gain de temps. En effet, on a une seule et même URL qui affiche un contenu qui s’adapte sur différents mobiles. Il y a moins de risque de Duplicate Content, et on ne gère qu’un seul site au lieu de deux (versions PC et mobile) par exemple. Avec un contenu qui s’adapte facilement aux écrans, on a également moins d’internautes qui quittent le site en arrivant sur la page, donc un taux de rebond moins élevé.

En plus des raisons ci-dessus, un site en Responsive permet d’augmenter le ROI car la plupart des personnes naviguent sur mobile (surtout smartphones) ou tablette. A terme, investir dans ce genre de sites est plus rentable et intéressant.

Voici l’infographie en question, réalisée par Genetech Solutions :

5 raisons pour passer au Responsive Design ! AUTOVEILLEJ’aime beaucoup cette infographie ! Je la trouve très complète, bien illustrée et argumentée.

Qu’en pensez-vous ?

Bon courage !

Véronique Duong –

 

Bonjour tout le monde !

Aujourd’hui, nous allons parler de SEO technique avec le concept de Responsive Design. En français, on traduit Responsive Design par site web adaptatif. Donc, comme le nom l’indique, l’idée est de faire un site web qui s’adapte à tous les écrans des différents appareils (PC, tablette, portable, etc.).

Personnellement, si on me demande de choisir entre :

  • créer un site web mobile (comme m.example .com)

ou

  • créer un site en Responsive Design, je réponds le Responsive Design.

Avec le concept de la technique adaptative, je trouve qu’il y a moins de risque de Duplicate Content, et la gestion d’un même site, avec les dernières technologies modernes, est tout de même plus sympathique.

Pour faire un site web adaptatif, on va s’attaquer au CSS (feuille de style pour mettre en forme le code HTML) qui va nous permettre de créer le design que l’on souhaite pour l’interface. Pour que cela soit plus parlant, voici l’idée illustrée du Responsive Design :

Site web adaptatif - Responsive Design - AUTOVEILLE

Source du gif : Site du zéro

 

Avant de commencer, je vous conseille de prendre les mesures (moyennes) de chaque type d’appareil, et de faire en fonction pour avoir un design de qualité.

1) Pour commencer, faites un design assez simple pour votre site (pas trop de blocs, trop de décoration, etc.) sinon cela pourrait vous compliquer la tâche.

2) Utiliser (bien évidemment !) les media querries. C’est grâce à ces règles @media qu’on arrive à faire « bouger » le site.

Voici un petit extrait du code HTML appellant la feuille de style comportant la règle @media

Code HTML pour Responsive Design - AUTOVEILLE

 

Et la règle @media dans la feuille de style CSS :

Responsive Design code CSS - AUTOVEILLE

 

Il faut également adapter la taille des images, et donc spécifier cela dans le CSS aussi (pour telle taille d’écran, on aura telle taille pour l’image, etc.).

Pour finir, grâce à mon logiciel de veille automatique, j’ai trouvé une infographie réalisée par Splio qui explique bien comment il faudrait procéder pour avoir un site en responsive design qui tient debout :

Infographie Responsive Design - AUTOVEILLE

 

S’il y a une chose que je souhaite renforcer cette année, c’est bien mes connaissances en termes de Responsive Design 🙂

Et vous ? Avez-vous recommandé à vos clients de passer au Responsive Design ?

Bon courage à tous !

Véronique Duong –

%d blogueurs aiment cette page :