Category Archives: Technical

Technical issues around social media. For the geekier-minded.

Eat.ch and Hundreds of Placeholder Sites?

[fr] Le site eat.ch crée des centaines de "pseudo-sites" pour des restaurants listées dans leur index. Ces "sites" contiennent deux pages, une page d'accueil et une page avec l'adresse du resto, ainsi qu'un lien (sans "nofollow") vers eat.ch. Blackhat SEO ou bien juste pratique limite? D'après moi, on est quand même dans le linkspam, car en agissant ainsi eat.ch crée un nombre artificiel de liens entrants vers leur domaine principal. Ces pseudo-sites font aussi parfois même concurrence au "vrai site" du restaurant en question!

Has anybody noticed what eat.ch are doing? They’re creating hundreds of pretty-much-empty placeholder sites for restaurants in their listing (I’m assuming those businesses paid eat.ch to be listed).

Here’s one example: http://www.allegrotto-pizza.ch/. The site has two pages: the landing page and the address page. It seems to also allow online ordering and a link to the menu, but those links take you directly to the eat.ch directory.

ALLEGROTTO%20PIZZA-%20UND%20INDIAKURIER%20-%20Bederstrasse%20102,%208002,%20Z%C3%83%C2%BCrich%20-%20Restaurant

There are over 200 of these “sites”: http://www.bamboo-rorschach.ch/, http://foodpalace-kurier.ch/, http://www.multi-pizza-fahrwangen.ch/…

Why is this a problem?

First of all, some of these businesses have “real” sites, like my first example, Allegrotto Pizza (this is their “real” site). If eat.ch is charging them for a listing and creating a placeholder site without them realizing, that’s not very cool. If eat.ch is charging them for a website, then it’s not very cool either, as that “website” is little more than a placeholder page for a link to eat.ch. The “eat.ch placeholder site” ends up competing in search ranking with the restaurant’s legit site.

Then, I initially wondered if the whole purpose of these sites was to boost eat.ch’s PageRank. Incoming links from other domains count for quite a bit in PageRank calculation, so with hundreds of little sites all pointing to eat.ch, you can imagine there would be an SEO impact. If I read Google’s webspam info page correctly, this would fall under forbidden practices (ie, “Blackhat SEO”). Somewhere between “parked domains” and “paid links”. Checking the code, however, I noticed that all the links back to eat.ch are rel="nofollow", except the link to the menu. Honest oversight, or a way to sneak through the rules with only one link that “counts” for PageRank, to avoid triggering webspam alerts? Hard to say.

In any case, these placeholder sites drive PageRank, traffic, and online orders to eat.ch, who probably make a cut from any online order through their site. So you can see that even with only one “countable” link to eat.ch, this is a way to boost their business in a debatable way.

So: is what they are doing wrong, or just borderline?

If any SEO experts want to weigh in, please do!

Similar Posts:

Posted in Technical | Tagged blackhat, eat.ch, food, linkspam, nofollow, online ordering, parked domains, placeholder sites, restaurants, seo, switzerland, webspam | 8 Comments

Basic Bilingual 1.0 Plugin for WordPress: Blog in More Than One Language!

[fr] Le plugin WordPress Basic Bilingual que j'utilise depuis un nombre incalculable d'années pour fournir des résumés "dans l'autre langue" à mes articles a enfin été mis à jour. Grâce à Claude Vedovini, il passe à la version 1.0, que je vous conseille d'essayer tout de suite!

A huge huge thanks to Claude Vedovini who spent the last few days working on my really old plugin (but still used daily!) Basic Bilingual in order to release version 1.0. Download it now!

The plugin has been around since early 2005, and honestly, what it does hasn’t really changed: it allows you to specify a summary of your post in another language and label it as such, as you can see here on Climb to the Stars. If you want more complex handling of languages in WordPress, head over to WPML, the likes of which weren’t around when I first threw a few functions together to try and make my bilingual blogging life easier.

So, what’s new?

  • unlike me, Claude actually knows how to write code, so instead of being some horribly outdated collection of clumsy functions, the plugin’s code is now upto 2013 standards (hadn’t seen an update in 4 years, can you imagine?)
  • it’s now possible to have more than two languages in your blog, with two “different language” excerpts accompanying your main post
  • you can now choose the markup for your excerpts without having to wade through plugin code: there is a lovely settings page for that and other things you can configure
  • the language widget in the page editing screen is a drop-down now, and not an ugly text field where you need to type your language’s code
  • you can also filter excerpts based on your readers’ browser settings
  • …and the plugin has been tested with the latest version of WordPress! (not that it broke too much before…)

So thanks so much Claude, it feels good to have Basic Bilingual off life support and alive again!

If you use Basic Bilingual I’d really love if you could take a few minutes to write a review over on wordpress.org. Thanks! Oh, and if you have a crazy plugin idea that needs bringing to life, ping Claude about it ;-)

Similar Posts:

Posted in Language Geekiness, Wordpress | Tagged basic bilingual, bilingual, bilingual blogging, claude vedovini, multilingual, multilingual blogging, plugin, release, Wordpress | 2 Comments

Gmail Storage Space Problem: Account Blocked, Wrong Numbers

[fr] Problème de quota Gmail.

I’ve been sitting here for an hour with Elisabeth trying to figure out what the deal is with her Gmail storage. Here’s the story:

  • 10 days or so ago, Gmail tells her she’s used up 101% of her storage quota, blocks outgoing e-mail
  • she goes back and deletes lots of old e-mails, attachments and all (years of e-mail) but the quote indicator and message inviting her to get more storage doesn’t change
  • she empties the trash and waits 24 hours or so; still nothing; however, when she follows the link to buy more storage, the storage indicator there tells her she is now using 30% or so of her quota
  • in desperation, she buys the 25Gb Google Drive storage plan
  • 24 hours later, she notices that the block on outgoing e-mail is lifted and that her storage quote now says 90Gb — but that she is using 13.7Gb of those 90Gb.

I have poked around everywhere I could. She has almost nothing in Google Docs or Google Plus. The trash is indeed empty. The mails are indeed deleted. When we viewed her subscription plan, it indicated she was using 0.01% of her quota — obviously different numbers here.

What on earth is going on? How do we get Gmail to see how much storage she is really using? Any ideas welcome.

2nd Back to Blogging Challenge, day 2. Others: Nathalie Hamidi(@nathaliehamidi), Evren Kiefer (@evrenk), Claude Vedovini (@cvedovini), Luca Palli (@lpalli), Fleur Marty (@flaoua), Xavier Borderie (@xibe), Rémy Bigot (@remybigot),Jean-François Genoud (@jfgpro), Sally O’Brien (@swissingaround), Marie-Aude Koiransky (@mezgarne), Anne Pastori Zumbach (@anna_zap), Martin Röll (@martinroell), Gabriela Avram (@gabig58), Manuel Schmalstieg (@16kbit). Hashtag:#back2blog.

Similar Posts:

Posted in Technical | Tagged error, gmail, google, quota, storage, wrong | 1 Comment

Bien bloguer: l’art de faire des liens

[en] Some guidelines and advice for making links. Blogging is more than just shoving text in WordPress!

Pour bloguer, il ne suffit pas d’écrire des articles à la suite les uns des autres. Il faut apprendre à écrire en 2D — écrire en hypertexte. Bien maîtriser l’art du lien est indispensable pour celui ou celle qui veut bloguer un tant soit peu sérieusement.

Editeur visuel

Je donne ici les indications pour WordPress, que je vous conseille vivement d’adopter comme outil de blog.

  1. Si nécessaire, aller chercher l’URL (=adresse web) de la page web de destination et la copier.
  2. Dans le texte de son article, sélectionner les mots sur lesquels on veut mettre ce lien — ceux qu’on veut rendre cliquables.
  3. Cliquer sur le bouton représentant un maillon de chaîne dans la barre d’outils.
  4. Coller dans le pop-up qui apparaît l’adresse du lien précédemment copié, et appuyer sur entrée.

WordPress: faire un lien

Editeur HTML

Si on écrit en HTML directement, on sait en principe ce qu’on fait. Il peut arriver néanmoins qu’on doive aller farfouiller dans le code pour réparer des accidents. Dans ce cas, c’est utile de comprendre un peu ce qu’on voit. Un lien comme “Climb to the Stars“, ça ressemble à:

<a href="http://climbtothestars.org" title="Le blog de Stephanie.">Climb to the Stars</a>

Les parties en gras sont les bouts à ne pas toucher. Ce qui n’est pas en gras peut être modifié à volonté (destination du lien, texte pour quand on survole le lien, texte cliquable).

Etre efficace

Quand on écrit article après article, et qu’on veut les enrichir de liens joyeusement, et qu’on ne veut pas que ça prenne des plombes, il faut absolument abandonner sa souris et utiliser le clavier. De façon générale, moins on utilise la souris, plus on est rapide.

Voici donc comment ajouter un lien sous WordPress avec le clavier (sous OSX). Pour apprendre, n’hésitez pas à exercer cette séquence 10-20 fois pour bien l’intégrer.

  1. Seule manipulation à la souris autorisée (mais on peut aussi faire ça au clavier!): sélectionner les mots sur lesquels on veut mettre le lien ;-)
  2. ⌘T — ouvre un nouveau tab de navigateur
  3. Ouvrir la page vers laquelle on veut que notre lien pointe: taper l’URL, les mots-clés pour chercher dans Google… Ne pas oublier d’utiliser les flèches pour naviguer dans les suggestions de complétion et la touche entrée pour valider. Pas besoin de souris!
  4. ⌘L — sélectionne l’URL dans la barre de navigation
  5. ⌘C — copie l’URL
  6. ⌘W — ferme le tab qu’on avait ouvert pour charger l’URL de destination, et nous ramène donc sur notre page WordPress avec les mots sélectionnés
  7. ⌥⇧A — ouvre la petite boîte de dialogue pour insertion du lien
  8. ⌘V — colle l’URL de destination. Pas besoin d’appuyer sur quoi que ce soit pour effacer le “http://” déjà dans le champ, il est sélectionné et sera écrasé quand on colle
  9. ⏎ [entrée] — pour valider tout ça.

Ça peut sembler long et compliqué écrit comme ça avec tous les détails, mais quand on a mémorisé la séquence et qu’elle est bien entraînée, ça prend quelques secondes (et on remarque par exemple que les étapes 5-6-7 sont quasi instantanées: on garde la touche ⌘ enfoncée et on appuie sur L, C, W à la suite). Exercez-vous, cela en vaut la peine: vous vous en féliciterez bientôt!

Faire les choses proprement

On rentre un peu dans les détails. Ils sont importants même si tout le monde n’est pas capable de les identifier, parce que comme les finitions d’un meuble ou la typographie d’un document imprimée, ils influent sur la perception globale qu’on aura de votre blog ou de vos articles.

  • Choix du lien de destination: vérifiez que celui-ci est pertinent par rapport à votre texte.
  • Quand on fait un lien vers un article, attention de bien prendre l’adresse de l’article (en cliquant sur le titre) et non simplement l’adresse du blog ou de la page d’accueil du site.
  • Après avoir publié votre article (ou avant, si vous prévisualisez), cliquez sur vos liens pour vérifier s’ils mènent là où vous le désirez. Surtout si vous débutez ;-)
  • Nettoyez l’URL du lien de destination (suivant comment vous y êtes arrivés, il peut contenir des indications de source, comme ?utm_source=fb&utm_medium=fb... etc.). Enlevez des morceaux, appuyez sur entrée, regardez si vous arrivez toujours sur la bonne page.
  • Choix des mots sur lesquels on met le lien: d’une part, le lien met en évidence les mots sur lesquels il est (c’est l’occasion de les faire ressortir pour le lecteur); d’autre part, ces mots vont compter pour l’indexation du site de destination (et possiblement du vôtre) par les moteurs de recherche. Des fois, il vaut la peine de remanier sa phrase pour avoir une jolie suite de mots sur laquelle mettre son lien.
  • Espaces et signes de ponctuation: ne jamais les inclure dans le lien sauf si le lien porte sur toute la phrase. Attention au mode “sélection automatique des mots” qui sélectionne toujours l’espace après le dernier mot. Ça fait chenit, les espaces qui traînent à la fin des liens!
  • Si on met un lien sur une expression ou un nom, éviter de remettre le lien à chaque fois qu’on cite ce nom ou cette expression.
  • Ne cochez jamais la case “ouvrir le lien dans une nouvelle fenêtre” — target="_blank" c’est très bien pour les applications web comme Twitter et Facebook, mais vraiment pas top pour un blog ou un site web.
  • Eviter d’utiliser les URLs raccourcies (bitly et autres). Une URL raccourcie a toujours une espérance de vie plus courte que l’URL originale. Réserver les URLs raccourcies à Twitter, là où le nombre de caractères compte.
  • Trouver le bon équilibre entre pas assez de liens et trop de liens…

Bloguez bien! Avec des liens!

Similar Posts:

Posted in Blogging, Wordpress | Tagged advice, conseils, guidelines, instructions, liens, Links, tutorial, tutoriel, Wordpress | 1 Comment

A Plugin to Compensate for Flickr Broken Embed Suckage?

[fr] Quand on met à jour une photo dans Flickr, Flickr change le nom du fichier. Idée de plugin WordPress pour faire la chasse aux liens cassés.

A few days ago I started noticing this kind of thing in my posts:

Missing photos due to Flickr suckage

The explanation? I’ve used my week of holiday-at-home to fool around quite a bit in Lightroom. Lightroom publishes my photos directly to Flickr. When I change a published photos, Lightroom updates it. But Flickr changes the file name when you republish a photo. And that breaks embeds.

(And yeah, Lightroom replaces the whole photo even if you’ve just edited metadata.)

To make things worse, my browser cache shows me all my photos, even the missing ones. So I don’t see which ones are missing.

Idea! A plugin that would crawl through all the embedded Flickr images in a blog, and make sure that all the photos display correctly. Produce a list of the posts and photos that need updating. Or even better, do it automatically (even if the link to the displayed photo is broken, the link to the photo page still works, and it should be trivial to get the updated embed code and replace it in the post.)

Anybody?

Similar Posts:

Posted in Technical | Tagged broken, embed, flickr, lightroom, photos, update, Wordpress | 21 Comments

Links in New Windows: Websites vs. Applications

[fr] En 2011, c'est toujours pas bien de forcer les liens à ouvrir dans une nouvelle fenêtre. Sauf, on peut l'admettre, quand votre site est en fait une application web.

I was surprised recently to realize that in 2011, it wasn’t obvious to everybody that forcing links to open in a new window (with target="_blank") was not a good idea.

Actually, there are quite a few high-profile sites which force links to open in new windows, and I realized I actually don’t mind it that much: Twitter is one. I like that when I click on a link in Twitter, it opens in a new tab. I’ve learned that Twitter does this, and I now rely on it.

So, maybe links in new windows aren’t always a bad thing?

Here’s what I think: if your “site” is in fact an application, then it doesn’t matter much. People will learn to use the interface of your web application, and if links open in new windows, they will discover that and (hopefully) remember it. However, if your site is a real site, meaning it contains stuff that people are going to read, and that stuff might contain links to other stuff people might want to read or see, then it remains a Bad Thing.

Why is it a Bad Thing to force links to open in a new window (in your blog, for example)? Here’s the reasoning behind this.

  • Normal behavior is that links open in the same window.
  • When you force a link to open in a new window, you’re breaking that expectation — and there is no way to know, by looking at the link, that it’s going to spawn a new window.
  • Opening new windows is a user decision, not a website design decision. Windows are part of the browser, not the site.
  • A link can easily be opened in a new tab or window by holding down a modifier key before clicking on it (Cmd/Ctrl for example).
  • A link which is set to be opened in a new window cannot be opened in the same window if that’s what the reader would prefer.
  • Opening links in new windows may confuse the user (who might not notice the new window) and breaks the back button (to go back, you have to close the current window instead of hitting the back button — adding a different way to “go back”… more confusion).

Summary:

  • if your site is actually a web application, where links open is part of the application design, and forcing links to open in a new window can make sense in certain situations;
  • if your site is a “proper website” or a blog, don’t force links to open in a new window — where they open belongs to the way your reader chooses to use his browser, and not to the website design.

Similar Posts:

Posted in Technical | Tagged interface, Links, new window, open, target, user experience, _blank | 10 Comments