چگونه الگوی صفحه 404 خود را در وردپرس بهبود دهیم (2 راه)


آیا می خواهید الگوی صفحه 404 خود را در وردپرس بهبود بخشید؟

بهبود صفحه پیش فرض وردپرس 404 می تواند به ایجاد تجربه کاربری بهتر ، کاهش نرخ پرش و افزایش بازدید از صفحه کمک کند.

در این مقاله ، ما به شما نشان می دهیم چگونه مرحله 404 الگوی صفحه 404 خود را در وردپرس شخصی سازی کنید.

چگونه الگوی صفحه 404 خود را در وردپرس بهبود دهیم (2 روش)

چرا الگوی صفحه 404 خود را در وردپرس بهبود ببخشید؟

بیشتر بازدیدکنندگانی که در صفحه پیش فرض وردپرس 404 قرار می گیرند ، شما را ترک می کنند وب سایت وردپرس به سرعت.

این باعث افزایش نرخ جستجوی شما ، ایجاد یک تجربه کاربری ضعیف می شود و حتی می تواند بر رتبه بندی موتور جستجوی شما تأثیر منفی بگذارد.

با بهبود صفحه وردپرس 404 خود ، می توانید بازدیدکنندگان را به پست های محبوب ارسال کنید ، بازدید از صفحه را افزایش دهید و نرخ پرش را کاهش دهید، و بازدیدکنندگان یک بار را به خوانندگان و مشتریان طولانی مدت تبدیل کنید.

مثال 404 صفحه ای

وقتی بازدید کننده ای مدت بیشتری در سایت شما می ماند ، احتمال خرید او بیشتر است ، پست های بیشتر را می خواند ، به شما می پیوندد لیست ایمیل، و بیشتر.

به علاوه ، می تواند شما را بهبود بخشد سئو وردپرس، بنابراین ترافیک بیشتری در موتور جستجو خواهید داشت.

توجه داشته باشید: مهم است که یک صفحه 404 سفارشی ایجاد کنید ، اما باید موارد 404 URL را که بازدیدکنندگان برای بازدید از وب سایت شما استفاده می کنند پیگیری کنید و سپس برای بهبود رتبه بندی جستجوگرها هدایت های مناسب را تنظیم کنید.

برای اطلاعات بیشتر ، به راهنمای ما مراجعه کنید چگونه می توان 404 صفحه را به راحتی ردیابی کرد و آنها را در وردپرس هدایت کرد.

با این اوصاف ، بیایید نگاهی بیندازیم که چگونه می توانید الگوی صفحه 404 خود را در وردپرس بهبود بخشید.

روش 1. یک صفحه 404 سفارشی در وردپرس بدون کد ایجاد کنید

بهترین و مبتدی ترین راه دوستانه برای بهبود الگوی صفحه 404 شما استفاده از افزونه صفحه ساز SeedProd است.

SeedProd هست بهترین سازنده صفحه فرود برای وردپرس. این به شما امکان می دهد صفحات وردپرس خود را بدون نوشتن هیچ کدی ایجاد ، ویرایش و سفارشی کنید.

با استفاده از این افزونه می توانید به راحتی با استفاده از الگوهای صفحه 404 موجود ، صفحه 404 سفارشی ایجاد کنید.

اولین کاری که باید انجام دهید نصب پلاگین SeedProd است. برای جزئیات بیشتر ، به راهنمای گام به گام ما مراجعه کنید نحوه نصب افزونه وردپرس.

توجه داشته باشید: وجود دارد نسخه رایگان SeedProd در دسترس است ، اما ما از نسخه Pro استفاده خواهیم کرد زیرا دارای قالب 404 صفحه مورد نیاز ما است.

پس از فعال سازی ، باید به آن بروید SeedProd »تنظیمات و کلید مجوز خود را وارد کنید. این اطلاعات را می توانید در صفحه حساب خود در وب سایت SeedProd بیابید.

کلید مجوز SeedProd را وارد کنید

پس از آن ، به SeedProd »صفحات و روی دکمه “تنظیم صفحه 404” در جعبه متا “صفحه 404” کلیک کنید.

با این کار به صفحه ای می رسید که می توانید الگوی صفحه 404 خود را انتخاب کنید.

صفحه 404 را تنظیم کنید

ده ها قالب صفحه 404 حرفه ای وجود دارد که می توانید برای کمک به شما در شروع کار سریع انتخاب کنید.

برای انتخاب الگوی ، روی آن حرکت کنید و روی نماد “علامت گذاری” کلیک کنید. برای این آموزش ، ما از الگوی ‘Oh No 404 Page’ استفاده خواهیم کرد ، اما شما می توانید از هر الگویی که دوست دارید استفاده کنید.

الگوی صفحه 404 را انتخاب کنید

پس از انتخاب الگو ، به سازنده کشیدن و رها کردن منتقل می شوید ، در آنجا می توانید صفحه 404 خود را شخصی سازی کنید.

بلوک ها و بخشهایی را می توانید به صفحه 404 خود در سمت چپ صفحه اضافه کنید. سمت راست صفحه پیش نمایش زنده است. هر عنصر موجود در صفحه قابل ویرایش و سفارشی سازی است.

ویرایشگر SeedProd

اولین چیز ، ما قصد داریم متن اضافه کنیم و به کاربران بگوییم که بعد چه کاری انجام دهند. به جای اینکه به سادگی در یک صفحه 404 قرار بگیرید و از آن خارج شوید ، می توانید بازدیدکنندگان خود را به سمت محتوای ارزشمند و اقدامات بعدی که باید انجام دهند ، هدایت کنید.

برای انجام این کار ، بلوک “متن” را به صفحه خود بکشید و روی آن کلیک کنید تا متن تغییر کند.

بلوک متن را اضافه کنید

در مرحله بعدی ، پیوند دکمه صفحه اصلی را تغییر می دهیم و در عوض به یکی از با ارزش ترین مطالب پیوند می دهیم.

این می تواند یک پست در مورد شما باشد وبلاگ وردپرس این محبوب ترین است یا کسی که بیشترین درآمد را برای شما به ارمغان می آورد.

ابتدا بلوک “Headline” را بکشید و عنوان جدید خود را اضافه کنید.

بلوک عنوان را اضافه کنید

سپس ، یک بلوک دیگر از «متن» را بکشید و متنی را وارد کنید که مقاله شما را توصیف می کند.

پس از آن ، روی دکمه کلیک کنید تا صفحه ویرایشگر دکمه ظاهر شود.

تغییر متن دکمه

در اینجا می توانید متن ، رنگ ، اندازه و موارد دیگر را سفارشی کنید.

محبوب ترین پست ها را به صفحه وردپرس 404 خود اضافه کنید

در مرحله بعدی ، می توانید محبوب ترین مقالات خود را اضافه کنید. از آنجا که محبوبیت این مقالات به اثبات رسیده است ، احتمال زیادی وجود دارد که بازدیدکنندگان مورد علاقه خود را پیدا کنند.

ساده ترین راه برای انجام این کار استفاده از MonsterInsights پلاگین این بهترین راه حل تجزیه و تحلیل برای وردپرس بیش از 3 میلیون وب سایت از آنها استفاده می کنند.

با استفاده از این افزونه می توانید پست های محبوب را در هر نقطه از وب سایت وردپرس خود اضافه کنید.

برای جزئیات بیشتر ، به راهنمای ما مراجعه کنید نحوه نمایش پست های محبوب توسط بازدید در وردپرس.

پس از فعال شدن و راه اندازی افزونه ، تنها کاری که باید انجام دهید افزودن یک کد کوتاه کوتاه به صفحه خود است.

برای انجام این کار ، کافی است بلوک “کد کوتاه” را به صفحه خود بکشید.

بلوک کد کوتاه را اضافه کنید

سپس ، برای نمایش محبوب ترین پست ها ، کد کوتاه زیر را وارد کنید.

[monsterinsights_popular_posts_widget theme="beta"]

theme=“beta” بخش به نحوه نمایش پست های محبوب شما اشاره دارد. اگر می خواهید ببینید که مضامین مختلف چگونه به نظر می رسند ، به این قسمت بروید بینش ها »ارسال های محبوب و بر روی “محبوب ویجت پست ها” کلیک کنید.

در بخش “انتخاب تم” ، می توانید هر یک از مضامین و نام آنها را مشاهده کنید.

موضوع پست های محبوب را انتخاب کنید

همچنین می توانید یک عنوان را بالای پست های محبوب خود دنبال کنید همان مراحل بالا را دنبال کنید.

یک فرم تماس به صفحه وردپرس 404 خود اضافه کنید

پس از آن ، می توانید فرم تماس را مستقیماً به صفحه 404 خود اضافه کنید. اگر بازدیدکنندگان در پیوندهای بالا نتوانستند آنچه را که می خواستند پیدا کنند ، به شما اجازه می دهند تا با شما تماس بگیرند.

بهترین روش برای افزودن فرم تماس به سایت شما استفاده از فرم های WP پلاگین این بهترین افزونه فرم تماس با وردپرس بیش از 4 میلیون وب سایت از آنها استفاده می کنند.

برای جزئیات بیشتر ، به راهنمای گام به گام ما مراجعه کنید نحوه ایجاد فرم تماس در وردپرس.

پس از فعال شدن و تنظیم پلاگین ، می توانید به سادگی بلوک “فرم تماس” را به صفحه خود بکشید.

بلوک فرم تماس را اضافه کنید

سپس ، تنها کاری که شما باید انجام دهید این است که فرم تماس خود را از لیست کشویی انتخاب کنید.

ابتدا باید فرم تماس خود را ایجاد کنید تا بتوانید آن را به صفحه 404 خود اضافه کنید.

فرم تماس را انتخاب کنید

همچنین می توانید یک بلوک “Headline” یا “Text” بالای فرم تماس خود اضافه کنید.

برای افزودن آن بلوک ها همان مراحل بالا را دنبال کنید.

فرم تماس با عنوان

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

اگر می خواهید صفحه خود را به صورت زنده منتشر کنید ، فلش کشویی را در کنار “ذخیره” انتخاب کرده و “انتشار” را کلیک کنید.

تغییرات را ذخیره کرده و صفحه را به صورت زنده ایجاد کنید

همچنین می توانید با کلیک بر روی آنها و ایجاد تغییراتی با پانل سمت چپ ، روی آرم و فهرست ناوبری تغییر دهید و سپس همان مراحل ویرایش بالا را دنبال کنید.

در صورت تمایل به ادامه سفارشی سازی صفحه خود ، افزودن بلوک های جدید و آزمایش طرح های مختلف برای دیدن آنچه بازدیدکنندگان شما ترجیح می دهند ، ادامه دهید.

نسخه نهایی صفحه 404

اگر شما ووکامرس صاحب فروشگاه ، سپس می توانید صفحه 404 خود را براساس تنظیم کنید نمایش محصولات محبوب برای کمک به فروش بیشتر

برای فعال کردن صفحه 404 جدید خود ، به عقب بروید SeedProd »صفحات و سپس دکمه ‘404 Page’ را به “فعال” تغییر دهید.

صفحه 404 را فعال کنید

اکنون ، بازدیدکنندگان شما به جای گزینه پیش فرض ، صفحه 404 با قابلیت تبدیل بالا را مشاهده خواهند کرد.

نکته حرفه ای: می توانید عملکرد صفحه وردپرس 404 خود را ردیابی کنید تا ببینید چطور تبدیل می شود و مفیدترین تغییرات چیست. برای اطلاعات بیشتر ، به راهنمای مبتدیان ما مراجعه کنید نحوه نصب Google Analytics در وردپرس.

روش 2. با افزودن کد ، یک صفحه 404 سفارشی در وردپرس ایجاد کنید

این روش برای مبتدیان مناسب نیست زیرا شما باید کد اضافه کنید و فایل های قالب وردپرس را اصلاح کنید.

اگر قبلاً این کار را انجام نداده اید ، لطفاً به راهنمای مبتدی ما مراجعه کنید چسباندن قطعه ها از وب به وردپرس.

ابتدا باید یک پرونده جدید در پوشه قالب وردپرس خود ایجاد کنید و نام آن را بگذارید 404.php. اگر موضوع شما از قبل دارای 404.php پرونده ، سپس شما باید به جای آن فایل را ویرایش کنید.

برای ویرایش این فایل ، باید به فایل خود متصل شوید میزبانی وردپرس حساب با یک سرویس گیرنده FTP یا ابزار مدیریت پرونده آنها.

پرونده FTP 404.php

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

توجه داشته باشید: قبل از شخصی سازی قالب وردپرس خود ، توصیه می کنیم از سایت وردپرس خود پشتیبان تهیه کنید. برای جزئیات بیشتر ، به راهنمای ما مراجعه کنید چگونه از سایت وردپرس خود نسخه پشتیبان تهیه و بازیابی کنید.

محبوب ترین پست ها را در صفحه 404 نمایش دهید

اولین کاری که باید انجام دهید نصب و فعال سازی رایگان است پست های محبوب وردپرس پلاگین این یکی از بهترین پلاگین های محبوب پست برای وردپرس.

برای جزئیات بیشتر ، به راهنمای گام به گام ما مراجعه کنید نحوه نصب افزونه وردپرس.

پس از فعال سازی ، باید این برچسب الگو را به خود اضافه کنید 404.php پرونده ای که می خواهید پست های محبوب را در آن نمایش دهید.

<?php wpp_get_mostpopular(); ?>

بیشترین نظرات را در صفحه 404 نمایش دهید

برای افزودن نظرات بیشتر به صفحه وردپرس 404 شما از همان افزونه ای که در بالا فعال کرده اید استفاده خواهیم کرد.

به سادگی برچسب الگوی زیر را در جایی که می خواهید بیشترین نظرات خود را در آن نمایش دهید ، اضافه کنید.

<?php wpp_get_mostpopular("range=all&order_by=comments"); ?>

همچنین می توانید راهنمای ما را در این قسمت بررسی کنید نحوه نمایش بیشتر نظرات ارسال شده در وردپرس.

نمایش پست های اخیر در صفحه 404

روش های مختلفی برای نمایش پست های اخیر در وردپرس

ساده ترین راه این است که برای نشان دادن پست های اخیر خود ، این برچسب الگو را در الگوی 404 خود اضافه کنید.

<?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => '', 'after' => '<br />' ) ); ?>

ارسال پست های تصادفی در صفحه 404

اگر می خواهید یک لیست تصادفی از پست ها در وردپرس نمایش دهید ، پس می توانید به سادگی این کد را در الگوی 404 خود اضافه کنید ، جایی که می خواهید لیست پست های تصادفی از سایت خود نمایش داده شود.

<ul>
<?php 
$posts = get_posts('orderby=rand&numberposts=5'); 
   foreach($posts as $post) { ?>
        <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
        </li>
   <?php } ?>
</ul>

بایگانی های ماهانه را با بایگانی های فشرده اضافه کنید

اگر مطالب زیادی در وب سایت خود دارید ، یکی از راه های عالی برای سازماندهی این امر نمایش بایگانی های ماهانه است.

در اینجا در WPBeginner ، بایگانی های ماهانه خود را با استفاده از صفحه 404 خود نمایش می دهیم بایگانی های فشرده پلاگین این افزونه توسط تیم ما توسعه و نگهداری می شود.

برای جزئیات بیشتر ، به راهنمای ما مراجعه کنید نحوه ایجاد بایگانی فشرده در وردپرس.

پس از فعال شدن و راه اندازی افزونه ، به سادگی کد زیر را به کد خود اضافه کنید 404.php فایل.

<p><strong>By Date</strong></p>
<ul>
<?php compact_archive($style="block"); ?>
</ul>

وقتی کاربری در صفحه 404 شما قرار می گیرد بایگانی پست فشرده شما را می بیند.

در اینجا نحوه نمایش آن در صفحه 404 ما آورده شده است.

بایگانی های فشرده WPBeginner

یک الگوی نمونه 404 برای وردپرس

در اینجا یک نمونه آورده شده است 404.php پرونده بر اساس قالب پیش فرض وردپرس قالب صفحه بیست و بیست و یک نفر در 404.

<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

get_header();
?>

	<header class="page-header alignwide">
		<h1 class="page-title"><?php esc_html_e( 'Nothing here', 'twentytwentyone' ); ?></h1>
	</header><!-- .page-header -->

	<div class="error-404 not-found default-max-width">
		<div class="page-content">
			<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentytwentyone' ); ?></p>
			<?php get_search_form(); ?>
			
			<h4>While you're here, check out some of our popular content:</h4>
 
<div class="col1">
<div class="col-header">          
<strong>Popular</strong>
</div>
<?php wpp_get_mostpopular(); ?>
</div>
 
<div class="col2">
<div class="col-header">          
<strong>Comments</strong>
</div>
 <?php wpp_get_mostpopular("range=all&order_by=comments"); ?>
</div>
 
<div class="col3">
<div class="col-header">          
<strong>Recent</strong>
</div>
 <?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 5, 'format' => 'custom', 'before' => '', 'after' => '<br />' ) ); ?>
</div>
			
		</div><!-- .page-content -->
	</div><!-- .error-404 -->

<?php
get_footer();

این الگوی 404 را با الگوی پیش فرض بیست و بیست و یک مقایسه کنید.

متوجه خواهید شد که بلافاصله پس از فرم جستجو ، کد سفارشی خود را برای نمایش پست های پرطرفدار ، دارای بیشترین نظر و جدید اضافه کرده ایم.

پس از آن ما CSS سفارشی را به صفحه سبک قالب وردپرس اضافه کردیم تا آن را به ستون تقسیم کنیم.

برای اطلاعات بیشتر ، به راهنمای ما مراجعه کنید چگونه می توان CSS سفارشی را به راحتی به سایت وردپرس خود اضافه کرد.

.col1, .col2, .col3 { 
width:30%;
float:left;
padding:0px 10px 10px 10px;
margin:0px;
}
.col3:after{
clear:both;
}
.col-header { 
background:#28303D;
color:#D1E3DD;
margin:0px;
padding:1px;
text-align:center;
}

این نتیجه نهایی پس از افزودن کد صفحه 404 سفارشی در بالا است.

نمونه صفحه 404 سفارشی

امیدواریم این مقاله به شما در بهبود الگوی صفحه 404 خود در وردپرس کمک کرده باشد. همچنین ممکن است بخواهید بهترین نمونه های طراحی صفحه خطای وردپرس 404 و متخصصان ما در مورد بهترین نرم افزار اطلاع رسانی فشار وب برای رشد بازدید وب سایت خود.

اگر این مقاله را دوست داشتید ، لطفاً مشترک ما شوید کانال یوتیوب برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در توییتر و فیس بوک.

پست چگونه الگوی صفحه 404 خود را در وردپرس بهبود دهیم (2 راه) اولین بار در ظاهر شد WPBeginner.





منبع اصلی

شاید این مطالب را هم دوست داشته باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *