Cài đặt https cho tên miền tùy chỉnh Blogspot (Blogger)

Làm thế nào để cài đặt https cho tên miền tùy chỉnh Blogspot (Blogger) không mất thứ hạng? Đây là một trong những câu hỏi mà nhiều bạn quan tâm khi sử dụng nền tảng Blogspot để viết tin tức. Trước khi làm theo. Các bạn nhớ đọc kĩ bài viết này để cân nhắc và xác định cho đúng: Có nên cài đặt https cho tên miền tùy chỉnh Blogspot (Blogger). Vì khi cài Https vào thì nó đôi lúc khá chậm và bị windows XP chặn.

1. Các bước chuẩn bị Cài đặt https cho tên miền tùy chỉnh Blogspot:

  • Tạo 1 tài khoản Cloudflare.
  • Xem qua cách cập nhập thông tin Name Server tại mỗi nhà cung cấp tên miền.

2. Tiến hành

B1. Tìm và đổi Name Server về Cloudflare

  • Vào Cloudflare > add site  bên thanh trên cùng bên phải:
Thêm site mới ở Cloudfare
Thêm site mới ở Cloudfare

 

  • Gõ tên miền vào để Cloudflare quét rồi cấp Name Server cho bạn:
tiến hành scan bằng Cloudfare
Tiến hành scan bằng Cloudfare
chọn free website
Chọn free website
ghi nhớ để đổi name server
Ghi nhớ để đổi name server
  • Khi có Name Server thì tiến hành cập nhập thông tin Name Sever:

http to https blogger

  • Sau đó chờ mấy phút thôi  để recheck là được:
Scan và recheck sau ít phút
Scan và recheck sau ít phút

B2. Thiết lập các thông tin điều kiện.

  • Vào và chọn Crypto ở chế độ Flexible:
cài đặt ssl
Cài đặt ssl
  • Vào Page rules làm theo theo các hình sau:

Mình chọn trang cafeduhoc.net vì nó đã làm xong rồi, trang kia là để demo cho phần đầu.

B1 chọn tạo page rules
Chọn tạo Page rules
Bước 2 để chọn luôn dùng https, thay cafeduhoc.net bằng tên domain của bạn
Chọn luôn dùng https, thay cafeduhoc.net bằng tên domain của bạn
Bước 3 thay redirect, thay cafeduhoc.net bằng tên domain của bạn
Thay redirect, thay cafeduhoc.net bằng tên domain của bạn

 

Vậy là ta đã xong phần cài trên Cloudflare. Các bạn có thể vào firewall để chỉnh xuống low nhưng theo mình cũng không quan trọng lắm.

B3. Chỉnh sửa code

  • Vào website của bạn > chỉnh sửa template thay  đoạn code sau (nếu không có thì vẫn paste đoạn cod dưới vào):
<b:include data='blog' name='all-head-content'/>

Bằng  đoạn code:

<link href='https://www.tenmiencuaban/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='blogger' name='generator'/>
<link href='https://www.tenmiencuaban/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<link href='https://www.tenmiencuaban/feeds/posts/default?alt=rss' rel='alternate' title='BLOGTITLE - RSS' type='application/rss+xml'/>
<link href='https://www.blogger.com/feeds/BLOGID/posts/default' rel='service.post' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2591933621-ieretrofit.js"></script>
<![endif]-->
<meta expr:content='data:blog.url' name='og:url:domain'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->

Blogtite bạn tự thay, để nguyên cũng không sao.. Blog id của bạn chính là đoạn này khi bạn vào chỉnh sửa blogger của mình:

blog id blogger
Blog id blogger

Sau đó save lại.

B3. Chỉnh sửa Sitemap.

Bạn vào sitemaps trên Blogger rồi chỉnh sang https:

Chỉnh sửa Sitemap
Chỉnh sửa Sitemap
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.tenmiencuaban.com/sitemap.xml

B4. Chuyển toàn bộ sang https trong code:

Bây giờ bạn sẽ phải chỉnh thủ công đầu tiên trong Template sang https trừ đoạn đầu này:

Còn lại tất cả phải chỉnh thủ công sang https, đặc biệt các blog từ trước. Có thể bạn dùng đoạn code sau paste trên thẻ đóng </head> để chỉnh tự động, tuy nhiên mình thấy không hiệu quả. Các bạn nên chỉnh trong template thủ công toàn bộ link sang https- đặc biệt link ảnh ở các blog trước 2016.

<script>$(document).ready(function() {$("a").each(function() {var i = $(this).attr("href");var n = i.replace(http://www.tenmiencuaban.com, "https://www.tenmiencuaban.com");$(this).attr("href", function() {return n})})});</script>

4. Làm thế nào để tránh mất xếp hạng trên Google

5. Kết luận

Việc thay https cho tên miền tùy chỉnh Blogspot rất dễ dàng và giúp bạn có thêm trải nghiệm với ssl mới.  Tuy nhiên nhớ cân nhắc lại theo bài mình đã viết ở đây. Chúc các bạn thành công.

6.Video hướng dẫn Cài đặt https cho tên miền tùy chỉnh

 

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Bài viết cùng Serie<< Có nên cài đặt https cho tên miền tùy chỉnh Blogspot (Blogger)Seo label cho blogspot có tốt không? >>

Chú ý: Nội dung trong các bài viết chỉ có tính chất tham khảo. Độc giả vui lòng tham khảo ý kiến của bác sĩ trước bất cứ áp dụng nào! Vui lòng liên hệ để gỡ bài nếu bạn thấy sai và không đúng! Blog xin chân thành cảm ơn!