web-dev-qa-db-fra.com

Hébergement de blogs dans tumblr et redirection de page personnalisée

J'ai un blog hébergé chez tumblr (domaine propre).

Avant cela, j'accueillais mon blog avec Wordpress. Quand j'utilisais wordpress, mon permalien ressemblait à <domain>/<year>/<month>/<date>/<article name>, mais après être passé à tumblr, les permaliens sont maintenant différents.

Ainsi, lorsque les gens visitent l'ancien lien, je souhaite effectuer une redirection 301; ou au moins préparer une page personnalisée pour les informer que le site a été modifié.

Comment je fais ça??

web-hostingwordpresstumblr
2
ptamzz

Vous pouvez créer des redirections 301 dans tumblr en utilisant le type de page 'Redirect':

  1. Cliquez sur les paramètres dans votre tableau de bord tumblr.
  2. Cliquez sur le bouton "Personnalisez votre blog".
  3. Cliquez sur l'en-tête "Pages".
  4. Choisissez le lien "Ajouter une page".
  5. Choisissez "Rediriger" dans le menu déroulant "Type de page".
  6. Placez votre ancienne URL WordPress dans le champ "URL de la page".
  7. Placez la nouvelle URL tumblr dans le champ "Rediriger vers".
  8. Cliquez sur le bouton "Créer une page".

Redirecting a page in tumblr with a 301 header

Les demandes pour l'ancienne page WordPress entraîneront désormais une redirection 301 (déplacée de manière permanente) vers la nouvelle page tumblr. Notez que chaque page doit être redirigée manuellement. Malheureusement, il n’existe aucun système générique permettant de créer des règles pour gérer les transferts en masse.

Il n’existe pas non plus de moyen fiable de styliser les pages 404 (non trouvées) avec le code de modèle existant de tumblr. Par conséquent, toute page que vous ne redirigez pas mènera les utilisateurs à une impasse, sans suggestions utiles. ou des champs de recherche, comme celui-ci:

Tumblr's 404 page isn't very helpful

Une solution de contournement possible pour améliorer la convivialité et réduire le taux de rebond pourrait consister à modifier le code du modèle de votre thème et à utiliser jQuery pour détecter le titre "Introuvable" et injecter un message d'erreur plus utile dans le corps de l'article ci-dessous. Cela dépend du thème en question, mais cela pourrait ressembler à ceci:

HTML

<div class="text-post">
    <h2>Not Found</h2>
    <p>The URL you requested could not be found.</p>
</div>

jQuery 

var pageTitle = $('div.text-post h2').text();
if (pageTitle == "Not Found"){
    $('div.text-post p').html('Your new helpful message goes here.')
}

LIVE DEMO ICI.

4
Nick