Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 15++ Năm (Từ 2006 đến Nay)

Tự thêm Featured Image cho AMP HTML WordPress theme

5/5 - (1 bình chọn)

Giới thiệu cách tự thêm ảnh tiêu biểu trong bài viết vào theme mặc định của WordPress AMP cho những người không chuyên

Công nghệ mới của Google Accelerated Mobile Pages (AMP) đã làm thay đổi đáng kể trong tốc độ load trang web đối với thiết bị di động và những nơi có đường truyền kém. Google cũng hứa hẹn sẽ có cache riêng cho chế độ này và khi người dùng tìm kiếm bằng thiết bị di động thì họ cũng ưu tiên xếp hạng các trang web có AMP theo cách riêng và thứ hạng cao hơn vì vậy sẽ tốt cho SEO.

Như các bạn đã biết ở các bài trước chúng tôi đã giới thiệu về AMP HTML và AMP cho WordPress:

  1. Hướng dẫn cài đặt Google AMP WordPress plugin
  2. So sánh sự khác biệt giữa AMP HTML và HTML, HTML5
  3. AMP HTML là gì

Nhưng đối với theme mặc định của AMP WordPress thì có nhiều hạn chế kể cả từ việc muốn thay logo, hay sửa tiêu đề, thay máu chữ cũng phải tuân thủ đúng theo các hàm mặc định của nó.

Xem thêm: Thay logo cho theme WordPress Accelerated Mobile Pages AMP HTML

Tự thêm Featured Image cho AMP HTML WordPress theme 2016-03-01_111727

Trong đó một hạn chế mà khiến nhiều người ngạc nhiên đó là theme AMP của WordPress mặc đinh không lấy Featured Image, do đó để có thể làm việc này các bạn cần phải code thêm như sau:

thêm vào file functions.php nhé

add_action( 'pre_amp_render_post', 'xyz_amp_add_custom_actions' );
function xyz_amp_add_custom_actions() {
    add_filter( 'the_content', 'xyz_amp_add_featured_image' );
}

function xyz_amp_add_featured_image( $content ) {
    if ( has_post_thumbnail() ) {
        // Just add the raw <img /> tag; our sanitizer will take care of it later.
        $image = sprintf( '

%s

', get_the_post_thumbnail() );
        $content = $image . $content;
    }
    return $content;
}

Ở đây chúng tôi thêm featured image vào đâu trang

Tin mới nhất

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Trong hiểu biết đơn giản về SEO của một người mới học SEO, tôi xin giới thiệu và chia sẻ...
    28 giây trước
  2. Cách gỡ bỏ emojicons trong WordPress tăng tốc độ load trang web, từ phiên bản WordPress 4.2 đã giới thiệu...
    28 giây trước
  3. Sự thật khắc nghiệt trong quá trình SEO là Google sẽ không tha thứ cho bất cứ ai nếu bạn...
    22 giây trước
  4. Quảng cáo SEO – công cụ hữu hiệu giúp doanh nghiệp của bạn phát triển. Doanh nghiệp của bạn khi...
    15 giây trước
  5. Có một số công cụ để thử tốc độ load trang web như là Google PageSpeed ​​Insights, WebPageTest hay KeyCDN,...
    28 giây trước
  6. Nếu là người trẻ bắt kịp xu hướng chắc hẳn bạn sẽ không thể bỏ qua được trào lưu “In...
    6 giây trước
  7. Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...
    15 giây trước
  8. Google kiểm soát và xếp hạng trang web dựa trên những thuật toán của họ. Một điều mà tất cả...
    6 giây trước
  9. Hiện nay, thời đại bùng nổ công nghệ thông tin, bất kỳ một doanh nghiệp: dù lớn hay nhỏ; là...
    8 giây trước
  10. Như chúng ta đã biết Google đã DỌA ANH EM SEO: Sẽ update thuật toán vào tháng 5/2021. Tuy nhiên...
    13 giây trước