ساخت صفحه ۴۰۴ سفارشی در وردپرس

صفحه ۴۰۴ در وردپرس زمانی نمایش داده می‌شود که کاربر به URLی دسترسی پیدا کند که وجود ندارد. طراحی یک صفحه ۴۰۴ سفارشی نه تنها تجربه کاربری را بهبود می‌دهد، بلکه به SEO سایت نیز کمک می‌کند. در این مقاله به صورت کامل روش ایجاد صفحه ۴۰۴ سفارشی در وردپرس با استفاده از کدنویسی و افزونه‌ها بررسی می‌کنیم.

۱. مفهوم صفحه ۴۰۴ و اهمیت آن

صفحه ۴۰۴ نشان‌دهنده خطای “صفحه یافت نشد” است. اگر این صفحه به صورت پیش‌فرض و خام نمایش داده شود، تجربه کاربر کاهش یافته و نرخ خروج افزایش می‌یابد. ایجاد صفحه ۴۰۴ سفارشی شامل موارد زیر است:

• ارائه پیغام کاربرپسند و جذاب
• لینک به صفحات اصلی یا دسته‌بندی‌ها
• جستجوی سایت برای پیدا کردن محتوای مرتبط

۲. ایجاد صفحه ۴۰۴ سفارشی با قالب وردپرس

به طور معمول، قالب‌های وردپرس دارای فایلی به نام 404.php هستند. برای سفارشی‌سازی، کافی است این فایل را ویرایش کنیم.

<?php get_header(); ?>

<div class="custom-404">
    <h1>صفحه مورد نظر پیدا نشد!</h1>
    <p>به نظر می‌رسد این صفحه حذف شده یا آدرس آن تغییر کرده است.</p>
    <a href="<?php echo home_url(); ?>">بازگشت به صفحه اصلی</a>
    <?php get_search_form(); ?>
</div>

<?php get_footer(); ?>

در این کد:

• get_header() و get_footer() برای فراخوانی سربرگ و فوتر قالب استفاده شده‌اند.
• یک div با کلاس custom-404 برای طراحی سفارشی ایجاد شده است.
• جستجوگر داخلی سایت با get_search_form() در صفحه ۴۰۴ قرار گرفته است.

۳. استفاده از CSS برای طراحی بهتر

برای جذاب‌تر کردن صفحه، می‌توان از CSS سفارشی استفاده کرد:

.custom-404 {
    text-align: center;
    padding: 100px 20px;
}

.custom-404 h1 {
    font-size: 48px;
    color: #ff4d4f;
}

.custom-404 p {
    font-size: 18px;
    margin: 20px 0;
}

.custom-404 a {
    display: inline-block;
    margin-top: 30px;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.custom-404 a:hover {
    background-color: #005177;
}

این استایل‌ها صفحه ۴۰۴ را جذاب، خوانا و حرفه‌ای نشان می‌دهند.

۴. افزودن المان‌های کاربردی در صفحه ۴۰۴

برای افزایش تعامل کاربر، می‌توان المان‌های زیر را اضافه کرد:

• لینک به محبوب‌ترین مقالات یا دسته‌بندی‌ها
• فرم اشتراک خبرنامه
• نقشه سایت یا فهرست کامل صفحات

۵. استفاده از افزونه برای صفحه ۴۰۴ سفارشی

اگر قصد کدنویسی ندارید، افزونه‌های زیر به شما کمک می‌کنند:

• 404page – Custom 404 Pro: امکان ایجاد صفحه ۴۰۴ بدون تغییر قالب
• All 404 Redirect to Homepage: ریدایرکت خودکار تمام صفحات ۴۰۴ به صفحه اصلی
• SeedProd: صفحه‌ساز برای ایجاد صفحات ۴۰۴ زیبا با کشیدن و رها کردن المان‌ها

۶. بهینه‌سازی SEO صفحه ۴۰۴

یک صفحه ۴۰۴ مناسب باید از نظر سئو بهینه باشد:

• استفاده از عنوان و توضیحات مناسب با <title> و <meta description>
• ارائه لینک به صفحات اصلی و دسته‌بندی‌ها برای کاهش نرخ خروج
• اطمینان از بارگذاری سریع صفحه و سبک بودن عناصر

۷. تست صفحه ۴۰۴ سفارشی

بعد از ایجاد صفحه، حتماً عملکرد آن را با موارد زیر تست کنید:

• ورود به URLهای ناموجود و بررسی نمایش صفحه ۴۰۴
• تست فرم جستجو و لینک‌های داخلی
• بررسی در موبایل و دسکتاپ برای واکنش‌گرایی

۸. جمع‌بندی

ساخت یک صفحه ۴۰۴ سفارشی در وردپرس تجربه کاربری را بهبود داده و به سئو سایت کمک می‌کند. می‌توانید این صفحه را با کدنویسی ساده یا با استفاده از افزونه‌ها ایجاد کنید و با افزودن لینک‌ها، فرم جستجو و طراحی جذاب، کاربران را در سایت نگه دارید.

لطفاً از کمبود ها و مشکلات این محتوا برای ما بنویسید

ارسال