ایجاد یک صفحه خطای سفارشی 404 در Google Blogger شامل یک سری مراحل است که تجربه کاربر را بهبود می بخشد و احتمالاً سئوی سایت شما را بهبود می بخشد. در زیر راهنمای گسترده‌ای برای کمک به شما در این فرآیند، شامل توضیحات و مثال‌های دقیق آمده است. در حالی که این پاسخ ممکن است 5000 کلمه را یکجا پوشش ندهد، هدف آن کامل و کامل بودن است.
صفحه خطای 404 چیست؟
صفحه خطای 404 زمانی ظاهر می شود که کاربر سعی می کند به صفحه وب که وجود ندارد دسترسی پیدا کند. این ممکن است به دلایل مختلفی مانند لینک های شکسته، صفحات حذف شده یا URL اشتباه تایپ شده اتفاق بیفتد. یک صفحه خطای سفارشی 404 می تواند به حفظ تجربه کاربری مثبت حتی زمانی که کاربران با خطا مواجه می شوند کمک کند. همچنین می تواند گزینه های ناوبری را ارائه دهد و از برندسازی وب سایت شما پشتیبانی کند.
چرا یک صفحه خطای 404 راه اندازی کنیم؟
تعامل کاربر: یک صفحه سفارشی 404 می تواند کاربران را به محتوای مرتبط یا صفحه اصلی هدایت کند و ناامیدی را کاهش دهد.
نام تجاری: از ظاهر و احساس وب سایت شما با تقویت هویت برند شما حتی در صفحات دارای خطا پشتیبانی می کند.
مزایای سئو: یک صفحه 404 که به خوبی طراحی شده باشد می تواند تاثیر منفی لینک های شکسته را بر سئوی شما به حداقل برساند.
راهنمای گام به گام برای ایجاد صفحه خطای 404 خود در Google Blogger
مرحله 1: به کنترل پنل بلاگر دسترسی پیدا کنید
ورود به سیستم: به Blogger بروید و به حساب Google خود وارد شوید.
انتخاب وبلاگ: وبلاگی را که می خواهید برای آن یک صفحه سفارشی 404 ایجاد کنید، انتخاب کنید.
مرحله 2: یک قالب صفحه سفارشی 404 ایجاد کنید
رفتن به موضوع: در منوی سمت چپ داشبورد بلاگر خود به موضوع بروید.
ویرایش HTML: روی دکمه Customize کلیک کنید، سپس Edit HTML را انتخاب کنید. اینجاست که تغییراتی در کد وبلاگ خود ایجاد می کنید.
نکته مهم: همیشه قبل از ایجاد هر تغییری از تم فعلی خود نسخه پشتیبان تهیه کنید. می توانید این کار را با کلیک بر روی دکمه Backup/Restore در قسمت Theme انجام دهید.
مرحله 3: افزودن کد صفحه 404 سفارشی
الگوی صفحه 404 را پیدا کنید: در ویرایشگر HTML خود، باید محل قرارگیری کد قالب صفحه 404 را پیدا کنید.
html
کد را کپی کنید
اگر این بخش قبلاً در قالب شما وجود ندارد، باید آن را ایجاد کنید.
کد سفارشی خود را بچسبانید: در زیر یک نمونه اساسی از کدهای HTML و CSS وجود دارد که می توانید از آن برای صفحه سفارشی 404 خود استفاده کنید.
html
کد را کپی کنید
<галава>
<стыль>
بدن {
خانواده فونت: Arial, sans serif;
تراز متن: در مرکز;
پس زمینه رنگ: #f4f4f4;
رنگ: #333;
فیلد: 0;
اثاثه یا لوازم داخلی: 0;
}
ظرف {
بالشتک: 50 پیکسل؛
}
.error-code {
اندازه فونت: 100px;
رنگ: #e74c3c;
}
.error-message {
اندازه فونت: 24 پیکسل;
حاشیه بالا: -20 پیکسل.
}
.home-link {
صفحه نمایش: inline-block;
حاشیه بالا: 20 پیکسل.
padding: 10px در 20px;
اندازه فونت: 18px;
رنگ: #fff;
پس زمینه رنگ: #3498db;
متن-طراحی: هیچ
حاشیه-شعاع: 5px;
}
.home-link:hover {
رنگ پس زمینه: #2980b9;
}
<цела>