Wordpress

Lỗi thiếu aggregateRating, brand, review, offers. Bạn có thể kiểm tra lỗi Schema với công cụ kiểm tra dữ liệu có cấu trúc tại: https://search.google.com/structured-data/testing-tool?hl=vi

Schema là gì? Dữ liệu có cấu trúc là gì?

Schema, Schema Markup hay Schema.org là một đoạn code html hoặc bằng javascript, đây là công cụ dùng để đánh dấu dữ liệu có cấu trúc (stuctured data). Schema là thành quả của sự hợp tác giữa 4 công cụ tìm kiếm phổ biến hiện nay: Google, Yahoo, Bing và Yandex.

Schema khi được gắn vào trang web sẽ giúp cho công cụ tìm kiếm nhận biết được thông tin, phân loại các nội dung và trả về kết quả nhanh chóng, chính xác hơn.

Cấu trúc Schema ngày nay được nhiều SEOer sử dụng và khai thác giá trị triệt để, cấu trúc schema còn giúp cho website nổi bật trên công cụ tìm kiếm hơn, định dạng bài viết theo đúng loại tìm kiếm hơn.

Có thể bạn không biết, Google luôn thực hiện rất nhiều thao tác để có thể hiểu được nội dung trên một trang web. Chính vì vậy, nếu bạn cung cấp được các gợi ý rõ ràng hơn, phân loại nội dung cụ thể hơn thông qua dữ liệu có cấu trúc sẽ giúp Google dễ dàng hiểu trang web của bạn đang nói về vấn đề gì hơn. Điều này phần nào giúp tối ưu SEO, góp phần kéo từ khóa lên top dễ dàng hơn.

Lỗi thiếu aggregateRating, brand, review, offers… là gì?

Lỗi thiếu aggregateRating, brand, review, offers thường xảy ra ở những website bán hàng được thiết kế trên nền tảng wordpress và sử dụng Woocommerce làm giao diện. Khi đó, Google Search Console sẽ cảnh báo các lỗi sau:

• Phải chỉ định “offers”, “review” hoặc “aggregateRating”
• Trường “brand” bị thiếu (không bắt buộc)
• Trường “sku” bị thiếu (không bắt buộc)
• Chưa cung cấp giá trị nhận dạng toàn cầu nào (vd như gtin, mpn, isbn) (không bắt buộc)

Bạn có thể kiểm tra website của mình trên Google Search Console để xem phần nạp dữ liệu website có gặp lỗi tương tự không. Thông thường thì hệ thống sẽ tự kiểm tra và nếu có lỗi sẽ thông báo cho chủ website thông qua email và phần thông báo trong GSC.

Mặc dù có các lỗi cảnh báo nhưng ghi “không bắt buộc”, tuy vậy nếu bạn xử lý được triệt để những lỗi này thì vẫn tốt cho website của bạn hơn.

Hướng dẫn sử lỗi thiếu aggregateRating, brand, review, offers,..

Bạn có thể tìm kiếm trên Google với các từ khóa như: “khắc phục lỗi schema”, “khắc phục lỗi aggregateRating” hay từ khóa “sửa lỗi phải chỉ định: offers, review hoặc aggregaterating”,.. bạn sẽ thấy rất nhiều bài viết hướng dẫn khắc phục lỗi này được chia sẻ.

Để khắc phục lỗi thiếu aggregateRating, brand, review, offers bạn có thể tham khảo 2 cách sau:

1. Chèn thêm đoạn code vào functions.php của theme – cách này nhanh gọn lẹ.
2. Sử dụng plugin đánh giá website Yet Another Stars Rattings (YASR).

Ở bài viết này mình sẽ tổng hợp và hướng dẫn sửa lỗi chi tiết từng lỗi để các bạn dễ nắm bắt.

Sửa lỗi thiếu brand, isbn, mpn…

Lỗi thiếu brand, isbn, mpn khá quan trọng, vì vậy bạn cần khắc phục ngay để bài viết hiển thị ổn định trên kết quả tìm kiếm của google.

Bước 1: bạn thêm một thuộc tính thương hiệu cho sản phẩm (Sản phẩm >> Các thuộc tính >> thêm mới), nếu đã có thuộc tính Thương hiệu rồi thì bỏ qua bước này.

Như trong hình, mình thêm một thuộc tính mới đặt tên là “Thương hiệu” với slug là “thuong-hieu”.

Bước 2: Để giá trị hoạt động thì trong các bài viết về sản phẩm bạn phải vào phần thuộc tính và thêm tên thương hiệu vào đó. Như hình dưới đây:

Bước cuối cùng, quan trọng nhất, bạn hãy copy đoạn code sau và dán nó vào file functions.php trong giao diện website đang sử dụng:

function devvn_custom_woocommerce_structured_data_product ($data) {     
global $product;     
$data['brand'] = $product->get_attribute('pa_thuong-hieu') ? $product->get_attribute('pa_thuong-hieu') : null;     
$data['mpn'] = $product->get_sku() ? $product->get_sku() : null;     
$data['id'] = $product->get_id() ? $product->get_id() : null;     
return $data; } 
add_filter( 'woocommerce_structured_data_product', 'devvn_custom_woocommerce_structured_data_product' );

Chú ý: tại dòng 4, tên thuộc tính mình đang để là “pa_thuong-hieu” theo như cấu trúc mình làm ở bước 1. Bạn có thể đổi lại nếu phần thuộc tính này bạn đặt tên khác và lưu ý là phải bắt đầu bằng “pa_”. Ví dụ như: bạn đặt tên thuộc tính là brands thì đổi thành “pa_brands”.

Như vậy là đã khắc phục được lỗi.

Cách khắc phục lỗi phải chỉ định “Offers”, “Review” hoặc “aggregateRating”

Cách 1: Thêm code vào file functions.php

Cách này thì cực kỳ dễ dàng nhưng nếu bạn không biết sửa code thì đừng đụng lung tung, hãy nhờ kỹ thuật viên hoặc bên quản lý hosting, nhờ họ trợ giúp.

Bạn chỉ cần copy và paste đoạn code sau vào file functions.php là được:

// Remove the default WooCommerce 3 JSON/LD structured data format 
function remove_output_structured_data() {    
remove_action( 'wp_footer', array( WC()->structured_data, 'output_structured_data' ), 10 ); // Frontend pages    
remove_action( 'woocommerce_email_order_details', array( WC()->structured_data, 'output_email_structured_data' ), 30 ); // Emails 
} 
add_action( 'init', 'remove_output_structured_data' );}

Cách 2: Sử dụng plugin đánh giá

Với cách này thì khá là phiền phức, bạn sẽ cài plugin Yet Another Stars Rattings và sẽ thao tác đánh giá bằng tay từng sản phẩm.

Cách gọi file JS và CSS trong wordpress – Thường thì các bạn sẽ thấy các file style.css và js đều được chèn vào phần header của trang web. Trong wordpress CSS, Javascript là một trong những thứ cực kỳ quan trọng cho bất kỳ website nào. Để tạo lên một website đẹp thì không thể thiếu các thành phần quan trọng đó để làm vẻ đẹp bên ngoài khi người dùng truy cập tới website.

Bạn đang sử dụng mã nguồn mở Wordpres vào một ngày đẹp trời bạn muốn tìm hiểu kỹ hơn về cách chèn các thư viện này ngoài cách chèn file css, js thông thường như bao mã nguồn khác. Hôm nay PhonuiIT.com sẽ hướng dẫn bạn cách gọi file css và js bằng cách dùng file functions.php để gọi nhé.

Cách gọi file JS và CSS thông thường theo chuẩn

<script type="text/javascript" src="custom.js"></script> 
<link rel='stylesheet' href='theme.css' type='text/css' media='all' />

Nhưng với WordPress thì hệ thống mặc định sẽ có các mã lệnh đó và việc chúng ta là chỉ cần khai báo đúng cấu trúc của wordpress thì nó sẽ ra dạng html như trên. Tuy nhiên wordpress đã định hình trong php và việc của lập trình viên là khai báo nó trong functions.php là được. Vì điều này giúp chúng ta tránh được vấn đề quên khai báo các mã lệnh đi kèm trong thẻ script và link.

Cách gọi file JS và CSS theo chuẩn WordPress

Đối với wordpress thì bạn khai báo một function sau đó thì chuyển nó thông qua action wp_enqueue_scripts là nó đã hiển thị ngoài site cho bạn được rồi và cụ thể như sau:

function phonuiit_style(){ 
// custom css 
wp_register_style( 'bootstrap-style' , get_template_directory_uri() . "/css/bootstrap.min.css", 'all');
wp_enqueue_style('bootstrap-style'); 
//custom script 
wp_register_script('custom-script', get_template_directory_uri() . "/js/custom.js", array('jquery')); wp_enqueue_script('custom-script'); */ 
}
add_action('wp_enqueue_scripts', 'phonuiit_style');

Khi đó bạn khai báo một function tên phonuiit_style và gán nó ngay cho action wp_enqueue_scripts và hệ thống nó sẽ tự nhận ra việc bạn khai báo js và css cho theme.

Trong đó

• wp_register_style, wp_enqueue_style: gọi đến file css
• wp_register_script, wp_enqueue_script: gọi đến file js

Ngoài ra trong trường hợp bạn muốn sử dụng file css bất kỳ cho một vị trí nhất định như: home, category, single,… thì bạn cần tiến hành kiểm tra điều kiện tồn tại để nó chỉ được hiển thị ra ở đúng khu vực bạn muốn.

Ví dụ bạn chỉ muốn hiển thị file css ở trang home, hay js thì trong function trên bạn if điều kiện như sau

if( is_home() )
{ 
// khai bao duong dan file css và js nhu tren o day
}

Cách xử lý hết sức đơn giản phải không nào. Mọi quy định của wordpress đưa ra đều có ý riêng của họ với một quy chuẩn riêng giúp cho việc chúng ta sử dụng file css, js hiệu quả từng vị trí tránh load hết nhằm giảm tải dung lượng trang và đó là điều tốt dành cho seo web.

Chúc các bạn thực hiện thành công!

Code thêm bài viết liên quan có ảnh WordPress

Bài viết này sẽ đụng chạm vào code php của theme. Do đó, các bạn lưu ý nên backup web trước khi thực hiện, tránh trường hợp làm hỏng có thể gây nguy hại cho website.

Code chèn bài viết liên quan cực đẹp

Theme Flatsome khá tuyệt nhưng phần blog thì không có bài viết liên quan như các theme khác, nó chỉ có bài trước và bài kế tiếp nên nhiều khi cần phải chỉnh sửa theo yêu cầu của khách hoặc sử dụng plugin thay thế. Nhưng đã có giải pháp nhé!

Bài viết liên quan theo tag

Dán code này vào file functions.php của theme/child theme đang kích hoạt

/*
* Code bài viết liên quan theo tag
*/
function pn_bvlq() {
    global $post;
    $tags = wp_get_post_tags($post->ID);
    if ($tags){
        $output = '<div class="relatedcat">';
        $first_tag = $tags[0]->term_id;
        
        $args=array(
            'tag__in' => array($first_tag),
            'post__not_in' => array($post->ID),
            'posts_per_page'=>3,
            'caller_get_posts'=>1
        );
        $my_query = new wp_query($args);
        
        if( $my_query->have_posts() ):
            $output .= '<p>Bài viết liên quan:</p><ul class="row related-post">';
            while ($my_query->have_posts()):$my_query->the_post();
            $output .=
                '<li class="col large-4">
                                <a href="'.get_the_permalink().'" title="'.get_the_title().'">
                                    <div class="feature">
                                        <div class="image" style="background-image:url('. get_the_post_thumbnail_url() .');"></div>
                                    </div>                            
                                </a>
                                <div class="related-title"><a href="'.get_the_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a></div>
                            </li>';
            endwhile;
            $output .= '</ul>';
        endif; wp_reset_query();
        $output .= '</div>';
        return $output;
    }
    else return;
}
add_shortcode('pn_bvlq', 'pn_bvlq');

Dán code này vào file functions.php của theme/child theme đang kích hoạt

/*
* Code bài viết liên quan theo chuyên mục
*/
function pn_bvlq_danh_muc() {
    $output = '';
    if (is_single()) {
      global $post;
      $categories = get_the_category($post->ID);
      if ($categories) {
        $category_ids = array();
        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
        $args=array(
          'category__in' => $category_ids,
          'post__not_in' => array($post->ID),
          'posts_per_page'=>3,
          'caller_get_posts'=>1
        );
        
        $my_query = new wp_query( $args );
        if( $my_query->have_posts() ):
            $output .= '<div class="relatedcat">';
                $output .= '<p>Bài viết liên quan:</p><div class="row related-post">';
                    while ($my_query->have_posts()):$my_query->the_post();
                    $output .=
                        '<div class="col large-4">
                            <a href="'.get_the_permalink().'" title="'.get_the_title().'">
                                <div class="feature">
                                    <div class="image" style="background-image:url('. get_the_post_thumbnail_url() .');"></div>
                                </div>                            
                            </a>
                            <div class="related-title"><a href="'.get_the_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a></div>
                        </div>';
                    endwhile;
                $output .= '</div>';
            $output .= '</div>';
        endif;   //End if.
      wp_reset_query();
    }
    return $output;
  }
}
add_shortcode('pn_bvlq_danh_muc','pn_bvlq_danh_muc');

Tiếp theo là phần css, bạn chèn vào style.css của theme/child theme đang kích hoạt hoặc thêm vào CSS bổ sung trong Tuỳ biến của Flatsome.

.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
content: "";
display: block;
padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}

Để sử dụng, bạn sẽ có 2 shortcode [‘pn_bvlq’] và [‘pn_bvlq_danh_muc’] (bỏ dấu ” khi copy nhé).

Bạn chọn shortcode và  vào Flatsome –> Theme Option –> Blog –> Blog Single Post, chúng ta kéo xuống dưới cùng, tới phần HTML after blog posts. Chúng ta chèn shortcode vào đó rồi lưu lại là xong.

Chúc bạn thực hiện thành công!

Nguyên nhân gây ra lỗi này

Như bạn đã biết có rất nhiều loại tệp khác nhau được sử dụng bởi các  ứng dụng khác nhau. Ví dụ, .ai là một loại tập tin rất phổ biến được sử dụng bởi phần mềm Adobe Illustrator.

Loại tập tin này được sử dụng rộng rãi bởi các nhà thiết kế và họa để lưu và chia sẻ công việc của họ. Nhưng, đừng ngạc nhiên nếu bạn nhận được lỗi “Sorry, This File Type Is Not Permitted For Security Reasons” khi cố gắng tải lên một tập tin .ai vào WordPress vì loại tập tin không có trong danh sách tệp tin được hỗ trợ bởi WordPress.

Cách khắc phục lỗi Import CSV Woocommerce WordPress

Bạn cần truy cập vào trong theme của website và tìm đến file functions.php đường dẫn thường là domain/wp-conten/themes/theme của bạn/functions.php

Sau đó bạn thêm các mã này vào như ảnh bên dưới, thêm vào file functions.php nhé

function my_custom_upload_mimes($mimes = array()) 
{ // Add a key and value for the CSV file type 
$mimes['csv'] = "text/csv"; return $mimes; 
} 
add_action('upload_mimes', 'my_custom_upload_mimes');

Sau đó bạn mở file wp-config.php và thêm mã này vào như ảnh bên dưới

define( 'ALLOW_UNFILTERED_UPLOADS', true );

Sau khi thêm hoàn tất bạn đã có thể import sản phẩm từ file csv rồi nhé.

Kết quả import thành công.

Cách 2:Sử dụng plugin Mime Types

Có một số plugins sẽ thêm nhiều kiểu tệp, và giúp bạn thêm các loại tập tin của riêng bạn để WordPress bổ xung trong danh sách file, như Pro Mime Types , Mime Types Extended  và Unsafe Mimetype . Thật không may, hầu hết các plugin đang lỗi thời.

Chúng tôi đang sử dụng plugin  WP Add Mime Types   cho các bài hướng dẫn kể từ khi nó được cập nhật để hỗ trợ các phiên bản WordPress mới nhất.

Bước 1: Cài đặt plugin WP Add Mime Types

Để cài đặt plugin, đăng nhập vào quản trị WordPress của bạn và đi đến Plugins >> Add New .

Tìm kiếm plugin WP Add Mime Types  và nhấp vào Install  và sau đó nhấn nút Activate  để kích hoạt plugin.

Bước 2: Tùy chỉnh Plugin

Sau khi cài đặt, một trang mới sẽ xuất hiện trong mục Settings  > Mime Type Settings . Tại đây, bạn có thể thêm các loại tập tin nhất định vào hệ thống WordPress.

Tìm kiếm các loại tập tin mà bạn muốn thêm và copy-paste vào trường Add values . Lưu ý: Hãy chắc chắn rằng bạn sao chép toàn bộ dòng liên quan đến định dạng mở rộng của loại tập tin như hình dưới.

Sau đó nhấn nút Lưu để lưu các thay đổi. Một khi các loại tập tin được kích hoạt, nó sẽ được đánh dấu bằng màu đỏ trong danh sách.

Chúc bạn thực hiện thành công nha!

WordPress là một lựa chọn lớn hiện nay đối với đa số cộng đồng kinh doanh online, đơn giản vì nó dễ sử dụng, dễ cài đặt và không cần phải trang bị quá nhiều kiến thức về lập trình.

Tuy nhiên giao diện đăng nhập mặt định của WordPress làm cho nhiều bạn không thích và muốn thay đổi để thu hút hơn. Lý do chính là vì nó không đẹp và đơn giản quá. Chính vì thế hôm nay mình sẽ hướng dẫn bạn cách đơn giản để có một trang đăng nhập đẹp từ wordpress nhé. Anh em nếu thấy bài viết hay thì ủng hộ mình nhé.

Thay đổi đường dẫn và Logo Admin

Khi vào trang đăng nhập admin (domain/wp-admin), nếu bạn click vào logo thì nó sẽ nhảy ngay vào trang chủ của wordpress.Trong trường hợp bạn thiết kế website cho khách hàng thì điều này không được hay cho lắm. Vậy nên bạn cần phải thay đổi để làm trang đăng nhập đẹp trên WordPress khi họ nhấn vào logo nó sẽ vẫn trỏ về trang chủ website của khách.

Bạn mở file function.php trong theme của mình. Nếu bạn đang sử dụng Theme Child thì hãy thêm vào functions.php trên trong Theme Child mình đang dùng nha. Sau khi vào thì chèn thêm đoạn code này vào.

//**Thay đổi logo cho trang đăng nhập
add_action( 'login_enqueue_scripts', 'phonuiit_login_enqueue_scripts' );
function phonuiit_login_enqueue_scripts(){
echo '<style type="text/css" media="screen">';
echo '#login h1 a
{
background-image:url(link logo);
;';
echo '</style>';
}
//Thay đổi url ảnh logo
add_filter( 'login_headerurl', 'phonuiit_login_headerurl');
function phonuiit_login_headerurl(){
return home_url('/link trang ban buon den');
}

Nhớ chèn link logo của mình vào nhé. Thêm vào rồi thì lưu lại và xem thành quả nào.

Trang trí CSS để có trang đăng nhập đẹp hơn trên WordPress

Thay logo và đường dẫn có vẻ như vẫn chưa làm bạn hài lòng đúng không?. Hãy thêm đoạn CSS này là sẽ đẹp ngay thôi. Các bạn cứ copy cả bỏ vô của mình nhé. Nếu muốn bạn tự chỉnh các thông số và mã màu cho phù hợp nhé.

Bạn hãy nhớ là dán vào đúng cái theme mà bạn muốn chỉnh trang đăng nhập đẹp trên WordPress của bạn.

//Tùy chỉnh CSS cho trang đăng nhập WordPress
function phonuiit_custom_logo() { ?>
    <style type="text/css">
 .login #login_error{    
     box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;    
     border-radius: 15px !important;}
 .login .message{
     border-left: 5px solid #08298A !important; 
     border-radius: 15px;
     box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;}
 .login #nav a:hover, 
    .login #backtoblog a:hover{color: #eb1f27 !important;}
 .login .button-primary {
     
    background: #ffff; !important;
    box-shadow: 0 5px 0 #08298A !important; 
    border-color: #2E64FE #08298A #2E64FE !important; 
    border-radius: 20px !important; 
    border-color: #007cba; !important
    color: #0000; !important
    text-decoration: none;
    text-shadow: none; !important
     }
 input[type=checkbox]:checked:before{color: #81BEF7;}
 .login input[type=text]:focus, 
    .login input[type=password]:focus, input[type=email]:focus{    
     box-shadow: 0 0 2px rgb(255, 255, 255) !important;}
   .login h1 a{    
       background-size: 480px !important;    
       height: 220px !important; 
       width: 500px !important; }
#login {width: 450px !important;}
 .login form {box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;
     border-radius: 15px;    
     padding: 40px !important;}
    .login form .input, .login form input[type=checkbox], 
    .login input[type=text] 
    {background: #81BEF7;
        border-radius: 30px;
        border: none;box-shadow: none;}
 @media only screen and (max-width: 480px) {
  #login {width: 320px !important;}
}
    </style>
<?php }
add_action('login_enqueue_scripts', 'phonuiit_custom_logo');

Quá đơn giản phải không các ban. Chỉ với vài bước là bạn đã có thể  làm trang đăng nhập đẹp trên wordpress một cách bắt mắt.

Chúc các bạn thành công.