Les versions mobiles de blog pose encore quelques problemes notamment pour Google et le référencement.
Parfois en cherchant dans Google vous tombez sur un lien vers la version mobile et nous la version « classique » d’un blog. Même si cela n’est pas trop grave c’est assez chiant. De plus en tant qu’utilisateur assez averti j’ai tout de suite vu le problème mais pour un utilisateur plus novice j’imagine la surpise lorsqu’il découvre un site sans image, tout collé sur la gauche,…
Je viens de découvrir google-email-uploader un logiciel à installer sur son PC pour uploader ses mails Outlook vers un gmail (uniquement pour Google Apps). je tape donc ça dans google et je vois un lien vers AccessOweb, apreciant ce blog je prend ce lien plutôt qu’un autre… surprise: le site mobile!
Voyez par vous-même:
J’avoue que ce problème ne m’est pas arrivé souvent mais je me pose quand même quelques questions:
- Le problème vient-il d’AccessOweb?
Est-ce un plugin pour wordpress, et c’est lui qui pause problème?Philippe n’est pas sous WordPress, cela dit les plugins pose-t-il ce problème ou non?- Google ne fait pas la différence entre un site mobile et un site « classique »?
On sait que les sites vont de plus en plus proposer une version mobile alors comment faire pour éviter ce genre de problème? J’imaginais qu’il existait une méta-données qui permettait de signaler qu’il s’agit d’un site pour mobile mais visiblement non. Les seuls ressources trouvés pour le moment date de l’époque du « WAP » (début 2000)…
Bref je sens qu’une version mobile n’est pas une mince affaire…
EDIT: Apparament philippe n’a pas ce problème lorsqu’il clic sur le lien, il obtient la page classique… Curieux. Peut-être que le problème vient juste des chez moi!
Partager et abonnez-vous
Twitter
Facebook
Email
Abonnez-vous
Suivez moi
Personnaliser le badge flickr gràce à ces quelques lignes d’explications et de documentation sur l’API Flickr.
Certaine personne trouve que le badge flick fournie ici est suffisant, moi je le trouve à chi*r. Après avoir cherché pas mal sur internet comment personnaliser mon badge de facon simple, je suis tombé sur ce billet qui m’a pas mal aidé, je me propose de traduire/adapter ici.
Inserer le script du badge Flickr
Tout commence toujours l’insertion de ce bout de code:
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?user=[The ID]">
Bien sur vous devez remplacer [The ID] par votre identifiant Flickr que vous pouvez obtenir grâce à The IDgettr. Il suffit ensuite de remplacer le @ par un %40.
Les paramètres javascript
| Parametre | Type | Valeur | Definition |
| count | integer | entier entre 1 et 10. | Nombre de photos à afficher: 10 par defaut. |
| display | string | latest, random | Ce que le badge doit afficher: derniere ajout ou aléatoire? Lastest par defaut. |
| layout | string | h, v, x | Le sens d’affichage du badge: Horizontale, Verticale ou sans style. Horizontal par defaut. |
| source | string | user, user_tag, user_set, group, group_tag, all, all_tag | Source des photos. Apres avoir choisie vous devez declarer 2 autres parametres: le tag et/ou le ID du groupe ou album. Ce sont des string pour les tags, integer pour les groupes (trouvé l’ID grace à IDgettr) et integer pour les albums (ID present dans l’URL). |
| size | string | s, t, m | La taille de la photo. s pour le carré, t pour le thumbnail, et m pour medium. (Notez que la taille medium est en fait ce qui correspond au « small » lors que vous regardé le « zoom » ou“available sizes” sur une photo flickr.Thumbnail par defaut. |
Quel code personnaliser?
Le script ainsi paramétré vous sortira un code HTML de cette allure.
<div id="flickr_badge_image1" class="flickr_badge_image">
<a href="[the photo page]">
<img title="[The photo's title]" src="[the url]" alt="A photo on Flickr" width="[xx]" height="[xx]" />
</a></div>
<div id="flickr_badge_image2" class="flickr_badge_image">
<a href="[the photo page]">
<img title="[The photo's title]" src="[the url]" alt="A photo on Flickr" width="[xx]" height="[xx]" />
</a></div>
<div id="flickr_badge_image3" class="flickr_badge_image">
<a href="[the photo page]">
<img title="[The photo's title]" src="[the url]" alt="A photo on Flickr" width="[xx]" height="[xx]" />
</a></div>
Il vous suffit ensuite de faire le feuille de style CSS qui vous plait. Je reconnais que c’est assez long mais c’est essentiel. Il y a moyen de faire assez rapide: definissez toutes les images en float: left, une largeur et tous les padding à 0; cela peut simplement vous donner un carré de photo (ce que j’aime).
Partager et abonnez-vous
Twitter
Facebook
Email
Abonnez-vous
Suivez moi
Bon c’est vrai comme d’habitude… je m’enballe un peu, « hilarante » n’est peut-être pas le mot le plus adapté mais c’est une adresse clin d’oeil basé sur une idée d’un ami (co-auteur d’unix-junkies.org).
Ma vrai adresse étant « julienbourdeau » sur gmail j’ai créé aujourd’hui:
gmail @ julienbourdeau.com
Bien sur cette très bonne blague est tellement puissante qu’elle marche avec la plus part des services mails gratuits. Mais par contre c’est drôle qu’une fois.
Partager et abonnez-vous
Twitter
Facebook
Email
Abonnez-vous
Suivez moi
Comment connaitre son ID (identifiant) pour Flickr
Comme je le disais l’autre jour je travail en ce moment à plusieurs sites et pour l’un d’eux (une vrai version de julienbourdeau.com parce que celle faite en 1h sensé duré quelques semaines au plus… sucks) j’avais besoin de connaitre mon ID Flickr pour utiliser le Badge.
J’ai trouvé un service simple: IDgettr. Vous entrez l’url de vos photos (en fait juste votre username) et le site vous donne votre ID. Il suffit ensuite de remplacer @ par %40 si vous en avez besoin dans une URL.
Partager et abonnez-vous
Twitter
Facebook
Email
Abonnez-vous
Suivez moi
