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

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 :