Les pages d ' error 404, nous en avons tous déjà aperçues;que ce soit sur谷歌，un网站电子商务，un博客，ou même un réseau social。
Si vous avez déjà été confronté à une错误404,vous avez概率cliqué sur le bouton“reour”de votre navigateur。
Cette expérience utilisateur problématique doit être prise en compte par les e-commerçants ainsi que les développeurs qui conçoivent des网站电子商务。Car tôt ou tard，某些访问者在错误的404页面上找到«错误的404»等错误的404页面affichée par défaut par votre服务器n 'est pas personnalisée, les visitor pourraient facility être déroutés，查找错误的404信息«not found»est affiché en anglais。
D 'où l 'intérêt de créer des错误页面404 personnalisées克莱尔与简明。
Découvrez donc dans cet article, tout ce qu'il vous savoir sur les errors 404 et ainsi optimiser votre site web。
Qu'est-ce Qu 'une错误404 ?
Qu'est-ce Qu 'une错误404 ?简单来说，我错误404est une error qui est retournée par le server HTTP lorsque le visitor atterit sur une page web不可访问的站点web。基本要素，une page 404 est une page web qui n ' exist pas。L ' error s 'affiche généralement avec le message«Page non trouvée»ou«Page introuvable»(ou«Page not found»en anglais, s 'il s 'agit de la languue par défaut du serveur)。
页面错误404 est donc une页面web qui sert à expliquer au visitor que le content qu 'il recherche n ' not - no -存在«pas»，因此parce qu 'il n '存在«plus»。
Pourquoi une page web est-elle麻烦?
帕尔米干酪让我们有机会再来一次u《有PAS的内容》，关于描述引用的例子是“没有什么能说的是航海者”。Si un internaute te te d 'accéder directive à une page dan votre site en la saisissant dan le navigateur, il suffirit qu 'il unlie une letter ou qu 'un mot soit mal écrit pour qu 'il se retroutre sur une page qui affiche une error 404。
例如，«www.votreboutique.com/page-de-produi»au lieu de«/page-de- product»。
L ' error de frappe peut également venir des symboles qui servent à strucstructer L 'URL, comme le斜杠(/)，ou le tiret du 6(-)。我们的象征，我们的象征，我们的灵魂，我们的灵魂，我们的灵魂，我们的灵魂，我们的灵魂404页。
例如，«www.votreboutique.com/pagede-produit»au lieu de«/page-de- product»。
帕尔米干酪让我们有机会再来一次ule«contu n '存在PLUS»，关于肖像引用les留置权brisés你«死亡»。这是一个有权利留置权的机构supprimées有权利留置权的机构。例如，la page d 'un product devenu obsolète que vous avez supprimée;La page d 'UN je -concours qui priis fin et que vous avez supprimée;ou安可拉一个促销页面eclair你们organisee par le过时等,取了鳍。既然你们supprimez des页面无rediriger les留置权,pointent更celles-ci, le visiteur atterrit苏尔一页404年代误差有小团体在ces留置权布里斯etant多恩,le contenu n是+能用的。
错误页面404非personnalisées和SEO: les risques
在matière de SEO， une page d' error 404 non personnalisée présente UN inconvénient majeur dans le sens où elle risque d 'augmenter le taux de rebond;De miniuer le nombre moyen De pages vues par session;短暂的时光passé在这里。
Taux de rebond
我们的回复，我们的表现SEO，我们的退票，我们的访客，我们的退票，我们的网站même我们的退票，我们的网站consulté我们的退票。Ainsi, si un visitor atterit directive in une page d ' error 404 not personnalisée, il fort可能qu 'il quitte directive votre site。我们的行为损害了我们的利益，我们的权利conséquent à我们的地位SEO。
没有页数就没有会话
我们的网页有价值，我们的服务有价值à我们的网页有价值，我们的访客有价值，我们的咨询网站。自然，加上网页上的访问者，加上bonne的信号qualité关于内容的问题particulièrement关于回忆的问题priorité关于présenter内容的问题再加上相关的可能。我们用了错误的页面404没有personnalisée，你用了错误的页面deviné我用了错误的页面没有一个探索者的乐趣。Ce qui conduit à小尺寸页面价值会话，avec unimpact problem négatif sur le classement SEO。
临时moyen passé sur votre网站
我们的时间passé在我们的位置également在我们的分类上SEO在计算上计算在研究上。加上le temps moyen passé sur votre site est élevé，加上谷歌considère que votre contenu apporte de la valeur。错误页面404不personnalisée，退出选民网站prématurément。cecomement, s 'il est fréquent, risque de faire baisser le temps moyen passé sur votre site et de nuire par conséquent au SEO。
评论更正错误404 ?
Même en créant une mise en page web 404 personnalisée, il reste tout de même重要的投票人网站pour détecter les liens brisés, afin de minimiser en premier lieu la probabilité访客的权利证明在页面错误。你可以浏览e-commerçant你可以浏览HTML你可以浏览développeur，你可以浏览确定你可以浏览快速识别者可以留置权brisés你可以重新浏览你可以浏览供应商可以浏览réparer错误404连接。La réparation留置权brisés ou«morts»对同等权利的贡献à优化投票人邮件互联网和便利索引de vos URL，同等权利的研究。
404页personnalisées: bonnes pratiques pour les créer
Une page 404 efface doit indiquer qu ' Une error s ' est produite, fournir Une navigation claire vers Une page plus pertinente, et être cohérente avec l 'Identité视觉品牌．Et comme vous vous en doutez维护者，une page d ' error 404 bien conçue qui continent des lien utites peut contributor à réduire le taux de rebond。Et le contentu engagement ou divertissant qu 'elle intègre peut même augmenter le temps passé sur-site en retenant les visitor + longtemps。
Même l ' équipe de support de谷歌conseille la création de pages 404 personnalisées et fournit des bonnes pratiques à suivre en la matière dans son指南:Créer des pages d' error 404 personnalisées．
示例404页personnalisées
Afin de vous aider à créer votre page web d ' error 404, voici quelques示例de boutique Shopify ayant fait preuve d 'originalité pour la leur。
简陋的饼干
在en attendait pas monins de la marque de biscuits personisables棚屋饼干。我们的餐厅léger我们的幽默餐厅réseaux社会餐厅créer我们的错误页面404 à我们的图片。Elle l ' a fait en ajoutant un petit clind ' eau il en photo à l ' aide d ' un biscuit personnalisé affichant le message«错误404:biscuit NOT FOUND»。
生活最好的腰带
网页错误404简单有效。La marque La vie est blet a choice d 'afficher un«OUPS»plutôt que le classique message«error 404»。Une idée我是清醒的。
Flowrette
La marque Flowrette, a, de son côté， pris le parti facilité La navigation à ses utilisateurs。Ainsi après avoir ajouté le message d ' error 404«Oups, quelque chose ne funcctionne pas»elle a choisi d 'ajouter deux boutons d 'appel à l 'action(«page d 'accueil»et«nos花束»)渗透à ses utilisateurs de retrouvers设施leur chemin。
个性化应用程序aux页面404 Shopify
Si vous personalisez un thème pour un client, l 'utilisation d ' page 404 définie par défaut peut être une solution pratique, tant que vous utilisez un thème approuvé de notre Boutique de thèmes。
Toutefois, il est judicieux de considérer les avantages que pourraie présenter les pages 404 personnalisées, puisqu 'une page d ' error 404 soigneusement conçue pourrait forrir des opportunités intéressantes aux clients (les marchands) en matière de génération de ventes。
例如，un bouton d 'appel à l 'action pourrait reriger les visiteurers une gamme de products déterminée;在你的脑海里，我在你的脑海里，我在你的脑海里，我在你的脑海里。Une page 404 offre également aux propriétaires de sites电子商务Une场合独特的观众和观众'améliorer l 'image de leur marque en注射剂un peu d '幽默par le biais de visuels相关。在这里，我们有一个美好的回忆，我们有一个美好的回忆，我们有一个美好的回忆，我们有一个美好的回忆，我们有一个美好的回忆。
Avec ces points à l 'esprit, voici quelques instructions pour personaliser les pages 404 pour vos clients。
1.配置le charge d 'un nouveau modèle de page 404
Très souvent, une page 404灵光乍现独特的和谐之处。La création在页面上的另一种选择错误404实用的东西在表面上要求明确à在目的地页面上。Vous pouvez par example供应商le pied de page ou créer un menu de navigation différent。
Par défaut, le fichier de mise en pagetheme.liquidEst appliqué au fichier du template404.液体- mais cela peut facility être modifié。La première étape consiste à créer une copie de votre fichiertheme.liquidDans le dossier de mise en page(«布局»)de votre thème, puis à la renommer404 - layout.liquid．
维护人员，您的设备供应商éléments您的服务不需要您的帮助，请到'entête您的服务;ajuster le titre H1 de la page;Et personnaliser tout le reste à votre guise, y包含les balises titre。Une fois que vous serez satisit de de nouveau fichier de de mise de page, vous pourrez utiliser les balises液体逻辑浇注器«布局»avec le fichier du template。
在第404页，在第404页，在第404页，在第404页，在第404页，在第404页，在第404页，在第404页，在第404页，在第404页{%布局"404-layout" %}En haut du fichier du template404.液体．Ainsi，投票模板404。液体肖像画分配器à ceci:
Désormais，吹捧修改apportée au fichier404 - layout.liquidSera appliquée à la 404页。咨询中心在404模板中倾注精力和信息。
2.Ajouter une image de fond personnalisée aux page 404
Si vous êtes un développeur, l 'une des façons les plus effaces de refléter l 'image de marque de votre client consistiser des visuels simples。我爱404页，我爱404页，我爱404页。倒得到的效果d 'image en plein écran, il est possible d 'utiliser le CSS倒属性une image de fond personnalisée à la page 404。
La propriete背景图像Vous permet d 'insérer une image sous le reste des éléments de la page。Vous pourriez même utiliser le CSS pour superposer plusieurs图像sur un fond, ce qui peut se révéler utile si Vous souhaitez par examples combiner des logos avec l 'arrière-plan。
La première étape consistix à进口商l 'image de votre choix sur Shopify, dans Paramètres > Fichiers, ce qui génèrera une URL unique où l 'image sera stockée。
Ensuite, il faudra accéder à la feuille de style du thème et utiliser la classe de conteur ou 'ID 'ouverture de votre page404.液体Comme sélecteur;puis utiliser la propriété CSS背景图像et l 'URL en tant que valeur。Cela ressemblera à ceci:
3.Ajouter une barre de recherche à la page
La barre de recherche est l 'une des fonctionnalités les plus courantes et les plus effaces d 'une第404页。Pour inclure une barre de recherche dans la page 404, vous pouvez créer un formulaire HTML avec l ' attribute d 'action动作属性defini苏尔/搜索．Dans ce公式，une entrée de type texte doit être incluse avec un attribute de nom名称属性défini sur q. Un exemplque de cela est montré ci-dessous:
Pour personnaliser l ' facerce code sur votre page, vous pouvez ajuster le CSS, en définissant des valeurs Pour la marge, Pour le remplissage等。
4.Ajouter une section d 'appel à l 'action
Parfois, le propriétaire网站电子商务画像重新定位访问者页面游戏产品déterminée, une fois que ce dernier atterrit sur une页面404。请求之处à个人行动révèlera très实用程序重定向访客页面stratégique。D 'où l 'intérêt D 'ajouter une section statique où l 'appel à l 'action permet à l 'e-commerçant de preprere le contrôle sur l 'expérience utilisateur dans la page 404。
D 'abord, il faut créer un nouveau fichier液体真空切片切片切片thème, appelé404 - - - action.liquid打电话．Ensuite, ajoutez ce code au fichier:
你的设计包括新设计和新设计404.液体De votre template, dans la position où vous souhaiteriez que le bouton d 'appel à l 'action apparaisse。Vous allez devoir utiliser la应答器thème液体{% section“404-call- action”%}倒insérer茜茜节。Dans mon cas, le template404.液体类似à ceci:
维护人员，si vous ouvrez l ' Éditeur de thème et que vous chargez une page qui n ' existe pas, vous verrez une option pour modifier le bouton d ' appel à l ' action。更改您指定的页面Éditeur de thème s ' appliqueront maintenant à toute page d ' error 404 que vous créez。
页面错误404 personnalisée等SEO
À在这里，你的工作场所，你的工作地点，你的工作地点，你的工作地点，你的工作地点，你的工作地点matière de SEO。投票人référencement ne sera pas négativement affecté si vous rassurez le visitor et que vous lui fournissez suffisamment d 'options claires pour continuer à explorer投票人网站。法国笔友最重要的笔友à réparer法国笔友404页résultent法国笔友brisés détectables法国笔友partagés加上笔友。
Mais réalisez que l 'utilité d'une page 404 personnalisée va au-delà del 'aspect SEO, puisque l 'idéal serait que vous convertissiez cette page d' error en un canal d 'acquisition de prospects - et pourquoi pas en un canal de vente。
Pensez-vous avoir维护tous les outils nécessaires pour créer une page d ' error 404 personnalisée destinée à protéger votre SEO ?Partagez vos commentaires ci-dessous。
讲座conseillée:
Créez une boutique en ligne dès aujourd'hui !
Bénéficiez没有约定就没有义务。
常见问题页面错误404
Qu 'est-ce Qu 'une错误404 ?
Pourquoi fault -il personnaliser sa 404页?
评论错误404 ?
文章publié par Aleks Ignjatovic
亚历克斯est la rédactrice en chef du blog de Shopify en français。Elle est responsable du ob欧宝娱乐app下载地址marketing de contentu et de la本地化pour les marchés法语国家chez Shopify。
文章原创:Liam Griffin
Traduction: Mehdi Chakir
Vous souhaitez贡献者au博客de Shopify en français ?Lisez号委员会！