Hiển thị các bài đăng có nhãn Hosting & Domain & Blog. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Hosting & Domain & Blog. Hiển thị tất cả bài đăng

Thứ Ba, 6 tháng 8, 2024

Đưa website / Blogger / Wordpress lên công cụ tìm kiếm Google & Bing & Cốc cốc

tháng 8 06, 2024

 Hướng dẫn Đưa website / Blogger / Wordpress  lên công cụ tìm kiếm Google & Bing & Cốc cốc

1. Đưa website / Blogger / Wordpress  lên công cụ tìm kiếm Google

Bước 1: Truy cập vào địa chỉ https://search.google.com/search-console/about (Đây cũng là nơi để bạn quản trị website trên Google). 

Bước 2: Nhấn nút Bắt đầu ngay bây giờ và đăng nhập tài khoản gmail của bạn. 

Bước 3: Sau khi đăng nhập bạn sẽ nhận được một thông báo chọn loại sản phẩm Miền hoặc Tiền tố URL.

Tên miền: Đây là quyền quản lý toàn quyền tên miền, giao thức website và subdomain. Tuy nhiên, bạn sẽ cần phải xác minh bằng DNS nếu muốn sử dụng quyền này. 

Tiền tố URL: Chỉ có quyền quản lý tiền tố URL bạn điền vào.

***Lưu ý: Thông thường, mỗi website sẽ có 1 tiền tố, mỗi subdomain sẽ có một chủ đề khác nhau, bởi vậy bạn không nên quản lý chung. Bạn nên lựa chọn tiền tố URL cho mục này. 

Bước 4: Chờ Google tiếp nhận và tiến hành công việc xác minh website.

Xác minh theo Miền nhé : 

Khi đã nhập được tên miền đầy đủ lúc này chúng ta nhấn vào Tiếp tục để bảng thông báo hiển lên. Đây là bảng thông báo cấu hình xác thức tên miền.

Ở bước tiếp theo chúng ta sẽ sao chép bản ghi TXT

Tiếp theo, tiến hình truy cập phần quản lý tên miền của bạn > Tên miền > Chọn tên miền > Quản lý DNS > Thêm bản ghi tên miền. Nhập các giá trị trong bản ghi như sau

Host: nhập “@”

Loại: chọn “TXT”

Giá trị: Paste đoạn sao chép ở bước trên.

Chọn Thêm bản ghi để hoàn tất.

Sau khi thực hiện xong lúc này chỉ cần quay trở về search.google.com để nhấn vào Xác minh để quá trình được hoàn thành tiến hành xác minh quyền sở hữu tên miền với Google Search Console

Xác minh quyền sở hữu tên miền với Google Search Console khi được thực hiện là cách để bảo vệ website của bạn hiệu quả hơn. Thực hiện xác minh với cách thức đơn giản, quy trình thực hiện dễ dàng giúp chúng ta sớm bảo vệ được tài sản của chính mình, ứng dụng cho công việc hiệu quả

2. Đưa website / Blogger / Wordpress  lên công cụ tìm kiếm Bing

Đăng ký tài khoản webmaster của Bing
Bước 1: Đăng ký tài khoản Microsoft.
Bước 2: Dùng tài khoản Microsoft vừa đăng ký để đăng nhập vào webmaster (https://www.bing.com/webmaster).
Bước 3: Tiến hành submit url của bạn như cách trên.

3. Đưa website / Blogger / Wordpress  lên công cụ tìm kiếm CốcCốc

Bước 1: Truy cập vào địa chỉ http://help.coccoc.com/search-engine.
Bước 2: Nhập URL trang web của bạn, nhập mã Capcha và nhấn Gửi yêu cầu.
Trên đây là hướng dẫn chi tiết về các cách khai báo website lên Google, Bing và Cốc Cốc. Công việc khai báo khá đơn giản, bạn có thể tự thực hiện khi xây dựng nội dung website xong

Kiểm tra website có xuất hiện trên Google không?
Sau khi khai báo website với Google xong, bạn muốn kiểm tra xem liệu website của mình đã hiển thị trên Google chưa, bạn có thể gõ tìm kiếm trên trình duyệt với lệnh “site:url”. Trong trường hợp website không xuất hiện trên Google, có thể bạn đã gặp một số nguyên nhân sau đây:
Website vừa khởi chạy Google chưa có đủ thời gian thu thập dữ liệu trang.
Các trang của web chưa có sự liên kết.
Thiết kế website chưa tối ưu tốt từ phần code.

Giới thiệu về Search Console
Google Search Console là một dịch vụ miễn phí mà Google cung cấp để giúp bạn theo dõi, duy trì và khắc phục sự cố liên quan đến sự hiện diện của trang web của mình trong kết quả tìm kiếm trên Google. Bạn không cần phải đăng ký Search Console để trang web của bạn hiển thị trong kết quả tìm kiếm của Google, nhưng Search Console giúp bạn hiểu và cải thiện cách Google xem trang của bạn.

Search Console cung cấp công cụ và báo cáo cho các hành động sau:
Xác nhận rằng Google có thể tìm và thu thập dữ liệu trang web của bạn.
Khắc phục vấn đề lập chỉ mục và yêu cầu lập chỉ mục lại nội dung mới hoặc nội dung cập nhật.
Xem dữ liệu về lưu lượng truy cập từ Google Tìm kiếm đến trang web của bạn: tần suất trang web của bạn xuất hiện trong Google Tìm kiếm, cụm từ tìm kiếm nào làm trang web của bạn hiển thị, tần suất người tìm kiếm nhấp vào trang đối với các cụm từ đó, v.v.
Nhận thông báo khi Google gặp phải vấn đề lập chỉ mục, nội dung spam hoặc các vấn đề khác trên trang web của bạn.
Cho bạn thấy những trang web liên kết đến trang web của mình.

Những ai nên sử dụng Search Console?
Chủ sở hữu doanh nghiệp: Ngay cả khi bạn không tự mình sử dụng Search Console, bạn cũng nên tìm hiểu về Search Console, làm quen với các khái niệm cơ bản về việc tối ưu hoá trang web cho công cụ tìm kiếm và biết những tính năng nào có thể sử dụng trong Google Tìm kiếm.
Chuyên gia SEO hoặc nhà tiếp thị: Nếu bạn tập trung vào tiếp thị trực tuyến, Search Console sẽ giúp bạn theo dõi lưu lượng truy cập trang web của bạn, tối ưu hóa thứ hạng của trang web và đưa ra quyết định sáng suốt về giao diện kết quả tìm kiếm của trang. Bạn có thể sử dụng thông tin trong Search Console trong việc đưa ra quyết định kỹ thuật cho trang web và thực hiện phân tích tiếp thị tinh vi kết hợp với các công cụ khác của Google như Analytics, Google Xu hướng và AdWords.
Quản trị viên trang web: Là một quản trị viên trang web, bạn quan tâm đến việc vận hành đúng cách trang web của bạn. Search Console cho phép bạn dễ dàng theo dõi và trong một số trường hợp giải quyết các lỗi máy chủ, vấn đề tải trang web và vấn đề an ninh như tấn công và phần mềm độc hại. Bạn cũng có thể sử dụng Search Console để đảm bảo bất kỳ thao tác bảo trì hay điều chỉnh nào bạn thực hiện với trang web cũng không gây cản trở đến hiệu suất tìm kiếm.
Nhà phát triển web: Nếu bạn đang tạo thẻ đánh dấu và/hoặc mã thực tế cho trang web của mình, Search Console sẽ giúp bạn theo dõi và giải quyết các vấn đề thường gặp với thẻ đánh dấu, chẳng hạn như lỗi trong dữ liệu có cấu trúc.

Thứ Hai, 5 tháng 8, 2024

Hướng dẫn tạo Form liên hệ cho blogger / blogspot

tháng 8 05, 2024

Code Hướng dẫn tạo Form liên hệ cho blogger / blogspot,.

Bạn Tạo 1 Trang, Hay 1 bài viết, vào chế độ soạn thảo HTML, dán đoạn mã sau đây, rồi chỉnh sửa thông tin theo yêu cầu của bạn.

<div class="khung" style="font-family:Arial, sans-serif;">

<!--phần thông tin liên hệ-->

<div class="trai">

<div><h3><span style="font-size: medium;"><i aria-hidden="true" class="fa fa-address-card" style="color: #0084ff; margin: 0px 5px;"></i> Thông tin liên hệ:</span></h3></div>

<hr size="1" style="margin:0 auto;" width="90%"/>

<div style="text-align: center; line-height: 130%;">

<span style="font-size: 30px;"><i class="fa fa-phone" aria-hidden="true" style="color: #ca0000; margin:7px 0;"></i></span><br /><span style="font-size: 16px"><b>Hotline:</b><br /></span><span style="font-size: 16px;">0123.456.789</span><br /><br />

<span style="font-size: 30px"><i class="fa fa-location-arrow" aria-hidden="true" style="color: #ca0000;"></i></span><br /><span style="font-size: 16px"><b>Địa chỉ:</b><br /></span><span style="font-size: 16px;">72/84 Huỳnh Văn Nghệ<br />

Phường 15, Quận Tân Bình, Tp.HCM</span><br /><br />

<span style="font-size: 30px"><i class="fa fa-envelope-o" aria-hidden="true" style="color: #ca0000;"></i></span><br /><span style="font-size: 16px"><b>Email:</b><br /></span><span style="font-size: 16px;">[email protected]</span><br /><br />

<hr size="1" style="margin:0 auto;" width="90%"/>

<a href="https://twitter.com/NTLRUBY" target="_blank" title="Twitter"><i aria-hidden="true" class="fa fa-twitter" style="color: #0084ff;margin: 7px 10px;"></i></a>

<a href="https://www.facebook.com/NTLRUBYfanpage/" target="_blank" title="Facebook"><i aria-hidden="true" class="fa fa-facebook" style="color: #0084ff;margin: 7px 10px;"></i></a>

<a href="https://www.youtube.com/channel/UCvcqxn_1UdkU0cHHvaQJZ3w" target="_blank" title="Youtube"><i aria-hidden="true" class="fa fa-youtube" style="color: #0084ff;margin: 7px 10px;"></i></a>

</div>

</div>

<!--Form biểu mẫu liên hệ-->

<div class="phai">

<div class="contact-form-box">

<form name="contact-form">

<input class="effect-6" id="ContactForm1_contact-form-name" name="name" placeholder="&#xf007; Tên đầy đủ của bạn (*)" required="" size="30" type="text" value="" style="font-family:'Helvetica', FontAwesome, sans-serif, Arial, FontAwesome"/><br />

<input class="effect-6" id="ContactForm1_contact-form-email" name="email" placeholder="&#9993; Email (*)" required="" size="30" type="text" value="" style="font-family:FontAwesome"/><br />

<textarea class="effect-6" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="&#9998; Nội dung liên hệ" required="" rows="5"></textarea><br />

<input class="submit" id="ContactForm1_contact-form-submit" required="" type="submit" value="Gửi" />

<input class="reset" type="reset" id="ContactForm1_contact-form-reset" value="Hủy" />

<div style="max-width: 222px; text-align: center; width: 100%;">

<div id="ContactForm1_contact-form-error-message">

</div>

<div id="ContactForm1_contact-form-success-message">

</div>

</div>

</form>

</div>

<script type="text/javascript">

//<![CDATA[

if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');

//]]>

</script>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> <script type="text/javascript">

//<![CDATA[

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '7352238635556498134';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7352238635556498134','www.ntlruby.com/','7352238635556498134'); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Đang gửi...', 'contactFormMessageSentMsg': 'Tin nhắn của bạn đã được gửi.', 'contactFormMessageNotSentMsg': 'Không thể gửi tin nhắn. Vui lòng thử lại sau.', 'contactFormInvalidEmailMsg': 'Cần nhập địa chỉ email hợp lệ.', 'contactFormEmptyMessageMsg': 'Trường tin nhắn không được để trống.', 'title': 'Contact Form', 'blogId': '7352238635556498134', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]> </script>

</div>

</div>

<style>

.khung {

  margin:0 auto;

  max-width: 900px;

  border: #e5e5e5 2px SOLID;

  box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 40%);

}

.phai {

  margin: 2% 0;

}

.trai {

  height: 407px;

  border: #e5e5e5 2px SOLID;

  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhrsG3ni-jgjd045rhfUUvxErXI3PpXNJRL04OMKB8kkjuo-LCrn0kQVrbs620GCjjh6vWDwT00Q0yNbt2xzDhyphenhyphenKATIeFhM0OuYWDUzTmZkoDg6nH7Yyl7SAY5_Yb8TLDpJBgbIs0Pco/s1200/hinh-nen-mau-xanh-dep-nhat-25.jpg)no-repeat center;}

 @media only screen and (max-width: 480px){

   .khung{height: 810px;}

   .phai{width:100%;}

   .trai{width:100%;}

}

 @media only screen and (min-width: 481px){

   .khung {height:410px;}

   .trai{float: left;width:35%;}

   .phai{float: right;width:55%;}

}

.contact-form-box{float: left; width:92%;margin:20px auto;padding:0;}

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{width: 100%;height:auto;margin: 5px auto 15px;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}

#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{background: #fffff7;outline:none}

#ContactForm1_contact-form-email-message{width: 100%;height: 100px;margin: 5px auto;padding: 10px;background: #ebebeb;border: 1px solid #ccc;color:#777;border-radius:3px;box-shadow: 0px 4px 0px 0px #c7c5c7;}

#ContactForm1_contact-form-submit {display:block;height: 35px;float: left;color: #FFF;padding: 0 20px;margin: 0px 5px;cursor: pointer;background-color:#4d90fe;box-shadow: 0px 4px 0px 0px #0f53c0;border:1px solid #357ae8;border-radius:3px;text-shadow:0px 1px 0px #00317f;position: relative;left: 37%;} #ContactForm1_contact-form-submit:hover {background-color:#357ae8;}

#ContactForm1_contact-form-submit:active {position:relative;top:2px;box-shadow: 0px 2px 0px 0px #0f53c0;}

#ContactForm1_contact-form-submit:focus{outline:none}

#ContactForm1_contact-form-reset {display:block;height: 35px;float: left;color: #FFF;padding: 0 20px;margin: 0px 5px;cursor: pointer;background-color:#fe4d4d;box-shadow: 0px 4px 0px 0px #c00f0f;border:1px solid #e83535;border-radius:3px;text-shadow:0px 1px 0px #7f0000;position: relative;left: 37%;} #ContactForm1_contact-form-reset:hover {background-color:#d12020;}

#ContactForm1_contact-form-reset:active {position:relative;top:2px;box-shadow: 0px 2px 0px 0px #0f53c0;}

.submit {float: left;position: relative;left: 39%;}

.reset {float: left;position: relative;left: 41%;}

#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width: 100%;margin-top:35px;text-align:left}

@media screen and (max-width: 768px){ .contact-form-box{width:100%;}

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 96%;}

}

@media screen and (max-width: 480px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width: 94%;}

}

</style>

Hoặc  xem video hướng dẫn

Hướng dẫn thêm, đổi , xóa nhãn (Lable) trong Blogger / Blogspot

tháng 8 05, 2024

Cách thêm, đổi , xóa nhãn (Lable) trong Blogger / Blogspot hàng loạt 1 lần:

1. Đăng nhập Blogger

2. Trong Tất cả bài đăng, nhấn vào tên Nhãn bạn muốn đổi, xóa, thêm  như hình:

3. Nhấn nút Quản lý góc phải :

4. Chọn tất cả các bài đăng cần thêm, đổi , xóa nhãn (Lable) 

5. Nhấn nút Áp dụng nhãn cho các bài đăng đã chọn, hình:

6. Bạn thêm, đổi , xóa nhãn (Lable) trong Blogger / Blogspot hàng loạt 1 lần

7. Video hướng dẫn

Hướng dẫn xóa các tiện ích widget trong Blogger - Blogspot

tháng 8 05, 2024

 Hướng dẫn xóa tiện ích dư thừa trên blogspot.

Cách#1 Xóa trực tiếp trong template

1. Đăng nhập Blogger

2. > Mẫu > Chỉnh sửa HTML

3. > Xác định ID wiget mà bạn muốn xóa

4. > Click Chuyển tới tiện ích > Chọn ID mà bạn vừa xác định

5. > Xóa toàn bộ code trong cặp thẻ b:widget của wiget mà bạn muốn xóa

VÍ DỤ về xóa tiện ích Attribution

> Tại ô chuyên tới tiện ích thì mình sẽ chọn Attribution1 

Mình sẽ được chuyển tới đoạn như hình dứoi

> Sau đó chúng ta sẽ mở rộng toàn bộ tiện ích và xóa toàn bộ code trong cặp thẻ b:widget của wiget Attribution1

Xóa toàn bộ code trong cặp thẻ b:widget

Theo mình thấy thì cách này có nhiều rủi ro mà những bạn mới tham gia Blogger không nên thực hiện.

Cách#2 Thay đổi khai báo

1. Đăng nhập Blogger

2. > Mẫu > Chỉnh sửa HTML

3. > Xác định ID wiget mà bạn muốn xóa

4. > Click Chuyển tới tiện ích > Chọn ID mà bạn vừa xác định

Ta thay locked='true' thành locked='false' 

5. > Lưu lại

6. > Bố cục > Chỉnh sửa (widget mà bạn muốn xóa) > Xóa

Cách này là tuy hơi dài dòng nhưng được cái là an toàn - thích hợp với các Blogger mới.

Video  Hướng dẫn xóa tiện ích dư thừa trên blogspot.

Chủ Nhật, 4 tháng 8, 2024

Hướng dẫn xóa bản quyền template blogspot - blogger.com

tháng 8 04, 2024

Hướng dẫn giải mã xóa bản quyền chân trang template blogspot

 Thông thường khi chúng ta xài các themes miễn phí cho blogspot, người thiết kế thường để dưới chân trang thông tin và website của người thiết kế. Nếu chúng ta muốn mất nó đi thì bỏ ra khoảng $7 – $10 để mua bản thương mại. 

Trước hết, mình không khuyến khích các bạn xóa bỏ bản quyền này vì nó nhưng một dạng ủng hộ người đã tạo ra template để chúng ta sử dụng, nó như một lời cảm ơn. Còn nếu điều đó là cần thiết thì đây sẽ là hướng dẫ xóa bỏ link bản quền template trong blogspot.

Đầu tiên chúng ta cần xem blog của chúng ta có link bản quyền ẩn hay là không ẩn. Nếu không ẩn thì quá dễ rồi. Nếu ẩn các bạn vui lòng làm theo các bước sau

1: https://lelinhtinh.github.io/de4js/

2: https://javascript-minifier.com/

3: https://beautifier.io/

Đăng Nhập > Mẫu > Chỉnh Sửa

Bước 1 :  Tìm đoạn mã hóa trong template blogspot, có dạng như hình 

Bước 2 : Phân tích đoạn mã hóa đó, truy cập https://lelinhtinh.github.io/de4js/ copy và paste sau đó nhấn nút Auto Decode.

Bước 3 : Tối ưu đoạn code ở bước 2, truy cập https://javascript-minifier.com/, Nhấn Minify 

Bước 4 : Làm đẹp đoạn mã hóa ở bước 3, truy cập https://beautifier.io/

Bước 5 : Thay đoạn mã hóa đó trong code html của blog

Bước 6 : Tìm đoạn mã chuyển trang bản quyền và xóa nó, có dạng như hình dưới:

Xem video hướng dẫn tại : https://www.youtube.com/watch?v=3-RpmQjQSoU

Favicon là gì? Cách tạo và Hướng dẫn thay Favicon cho Blogger

tháng 8 04, 2024

Favicon là gì?

  Favicon là một biểu tượng nhỏ hoặc tập hợp các biểu tượng liên quan đến một trang web, trang web hoặc ứng dụng web. Nó được hiển thị trong các tab trình duyệt và thanh dấu trang. Các ví dụ bên dưới hiển thị các favicon cho Google, Reddit và Squarespace trong tab trình duyệt.

  Dưới đây là một số biểu tượng yêu thích từ một số trang web phổ biến được hiển thị trên thanh dấu trang của Chrome.

Favicon được sử dụng để làm gì?

  Biểu tượng favicon được sử dụng để giúp người dùng dễ dàng nhận dạng trực quan các trang web, trang web và ứng dụng web trong các tab trình duyệt, dấu trang, phím tắt và thanh địa chỉ. Điều quan trọng là phải có biểu tượng favicon cho trang web của bạn để nhận diện thương hiệu, nhờ đó người dùng có thể dễ dàng nhận dạng trang web của bạn trong các tab trình duyệt và dấu trang của họ.

Tên gọi khác của favicon là gì?

  Một số tên gọi khác của favicon là biểu tượng trình duyệt, biểu tượng yêu thích, biểu tượng phím tắt, biểu tượng tab, biểu tượng URL và biểu tượng dấu trang. Từ favicon là viết tắt của "biểu tượng yêu thích" và bắt nguồn từ tính năng "Favorites" của Internet Explorer mà hầu hết các trình duyệt hiện đại gọi là "bookmarks".

Định dạng tệp favicon phổ biến là gì?

ICO - favicon.ico

Các định dạng favicon phổ biến nhất là ICO, PNG và SVG, nhưng có các định dạng bổ sung cho các trình duyệt hoặc thiết bị cụ thể. Định dạng tệp ICO được Microsoft phát triển và là định dạng tệp gốc cho favicon. Định dạng này độc đáo vì nó cho phép nhiều hình ảnh nhỏ trong cùng một tệp. Điều này có lợi vì các biểu tượng nhỏ cần thiết cho favicon ở định dạng ICO (16x16, 32x32 và 48x48 pixel) có thể được thu nhỏ và tối ưu hóa độc lập. Ở kích thước nhỏ, bạn không thể dựa vào trình duyệt để tự động thay đổi kích thước biểu tượng của mình theo cách tối ưu. Định dạng ICO được hỗ trợ bởi tất cả các trình duyệt và đây là định dạng duy nhất mà IE5 đến IE10 hỗ trợ.

PNG - favicon.png

Định dạng PNG là một định dạng tốt vì đây là định dạng mà hầu hết mọi người đều quen dùng và không yêu cầu bất kỳ công cụ đặc biệt nào để tạo. Với màn hình hiện đại có độ phân giải cao, vấn đề ban đầu về kích thước biểu tượng nhỏ đối với độ phân giải nhỏ không còn tồn tại nữa. Đối với các trình duyệt hỗ trợ định dạng favicon PNG, chất lượng của favicon hiển thị trong tab trình duyệt hoặc thanh dấu trang thường cao hơn định dạng ICO. Nhược điểm của định dạng PNG là nó không tương thích với IE5 đến IE10.

SVG - favicon.svg

Định dạng SVG có lợi thế hơn định dạng PNG và ICO, nhưng vẫn chưa có hỗ trợ trình duyệt tuyệt vời. Các tệp SVG rất nhẹ và có thể mở rộng vô hạn. Điều này có nghĩa là chất lượng hình ảnh tuyệt vời mà không phải hy sinh thời gian tải đối với các hình ảnh nặng. Chỉ Chrome, Firefox và Opera hỗ trợ favicon định dạng SVG.

Kích thước favicon phổ biến là gì?

Điều quan trọng cần lưu ý là biểu tượng yêu thích của bạn phải là hình vuông.

Đối với định dạng ICO, kích thước được khuyến nghị là 16x16, 32x32 và 48x48 pixel.

Đối với định dạng PNG, kích thước được khuyến nghị là 16x16 và 32x32, nhưng trình duyệt sẽ chấp nhận bất kỳ hình ảnh PNG vuông nào.

Biểu tượng yêu thích có ảnh hưởng đến tối ưu hóa công cụ tìm kiếm hoặc SEO không?

Sự hiện diện của favicon có thể gián tiếp ảnh hưởng đến SEO. Một số công cụ tìm kiếm, chẳng hạn như DuckDuckGo, hiển thị favicon trong kết quả tìm kiếm. Một favicon bắt mắt có thể giúp tăng tỷ lệ nhấp qua (CTR) trên các công cụ tìm kiếm này. Ngoài ra, favicon là điều bắt buộc để xây dựng nhận diện thương hiệu và lòng tin vào thương hiệu. Một favicon bị thiếu có thể khiến người dùng mất lòng tin vào trang web và tăng tỷ lệ thoát.

Tạo ra favicon

Truy cập https://favicon.io/ 

hoặc các bạn có thể sử dụng các trình chỉnh sửa ảnh chuyển nghiệp như Photoshop, sau đó xuất file ra định dạng .ico

Một cách khác để nhanh tạo Favicon nhanh gọn, chúng ta có thể tìm kiếm các icon dưới dạng .svg tại https://www.iconfinder.com hoặc các nguồn trên Internet. Sau đó tiến hành chỉnh sửa lại.

Sau đó, bạn truy cập vào https://realfavicongenerator.net, upload file SVG lên để công cụ này tạo favicon.

Hướng dẫn thay favicon cho Blogger

Sau khi đăng nhập vào trang quản trị  Blogger, ở menu bên trái, các bạn di chuyển đến mục Cài đặt. Sau đó bên dưới nội dung Mã theo dõi Google Analytics, các bạn nhấn chọn Biểu tượng trang web.

Upload Favicon

Trong trang popup nổi lên, các bạn chọn tệp và upload lên tệp favicon.ico đã chuẩn bị sẵn ở phần trên.

Lưu ý là dung lượng tệp không quá 100KB và kích thước là 32×32.

Lưu và kiểm tra

Cuối cùng, sau khi upload thành công các bạn nhấn Lưu để tắt popup và kiểm tra lại kết quả. Để kiểm tra kết quả, các bạn truy cập vào đường dẫn /favicon.ico.

Thắc mắc

Favicon không thay đổi trên trang

Sau khi cập nhật, thông thường phải mất một khoảng thời gian để các công cụ tìm kiếm cập nhật Favicon mới của bạn.

Ngoài ra thì nếu bạn kiểm tại đường dẫn /favicon.ico đã thấy cập nhật Icon mới nhưng trên trang chủ thì không. Hiện tượng này xảy ra có thể nguyên do template bạn đang sử dụng đã hardcode Favicon trong template.

Để khắc phục, các bạn hãy vào chỉnh sửa template để đổi. Thêm hoặc dùng đoạn code sau trong thẻ <head>:

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

Favicon của mình bị nhòe

Mặc định  Blogger chỉ hỗ trợ Favicon kích thước 16×16. Các Favicon sau khi upload lên đều bị chuyển đổi về kích thước này.

Để khắc phục hiện tượng này, chúng ta hãy thêm Favicon ở định dạng .png với kích thước lớn hơn trong phần thẻ <head>. Các bạn tham khảo đoạn mã bên dưới.

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

<link href='.../apple-touch-icon.png' rel='apple-touch-icon'/>

<link href='.../favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'/>

<link href='.../favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'/>

Hướng dẫn người mới tạo blogspot - blogger.com mới nhất

tháng 8 04, 2024

  Bạn muốn tạo một Blog cá nhân, để kinh doanh, hay kiếm tiền trên mạng, hay quảng bá thương hiêu cá nhân, doanh nghiệp thì khởi đầu với https://www.blogger.com - blogspot ,hay blog wordpress site thì bài viết này Hướng dẫn người mới tạo blogspot - blogger.com mới nhất. Bởi chi phí thấp, và đầy đủ phương tiện, các bước tiến hành tạo 1 blogspot như sau:

  1. Trước hết bạn cần có 1 địa chỉ gmail để đăng nhập

  2. Truy cập https://www.blogger.com, Nhấn nút  Create your blog, rồi đăng nhập blogger.com với địa chỉ email của bạn.

  2.1 Chọn một tên cho blog của bạn. Đây là tiêu đề sẽ xuất hiện ở phía trên cùng của blog, tên này sau này có thể chỉnh sửa. như hình:

  2. 2 Nhấn Tiếp TheoChọn một URL cho blog của bạn, đây chính là địa chỉ truy cập Blogger, Thông qua địa chỉ web này, mọi người có thể tìm thấy blog của bạn trên mạng, , tên này sau này không thể chỉnh sửa.hình :

  2.3 Nhấn Tiếp TheoXác nhận tên hiển thị của bạn, Bạn muốn tên mình xuất hiện với người đọc blog như thế nào? Chính là tên tác giả viết bài, tên này sau này có thể chỉnh sửa.

  2.4 Nhấn Hoàn tất, để hoàn thành việc tạo blog. Blog của bạn đã được tạo bây giờ bạn bắt đầu thiết kế giao diện và viết bài cho blog.

  3. Thay đổi theme cho blog của bạn (Chính là giao diện website - blog).

  3.1 Bạn lên google tìm một theme miễn phí , với từ khóa 'Theme blogspot free", và tải về. Ví dụ truy cập https://gooyaabitemplates.com/, chọn Free blogger templates, chọn theme, Tải về và giải nén bạn sẽ thấy 1 folder trong đó có 1 file Type XML, bạn cần tải file này lên để thay đổi giao diện Blog, giao diện mặc định là của google, file XML như hình:

  3.2 Truy cập vào Dashboard của blogger, bạn sẽ thấy như hình :

  3.3 Nhấn mục Chủ đề bên trái để thay đổi theme blog

  3.4 Nhấn mũi tên thả xuống cạnh nút tùy chỉnh, chọn dòng khôi phục :

  3.5 Chọn file XML đã tải về ở trên và nhấn nút Open, vậy là bạn đã thay đổi theme giao diện cho blog rồi đấy.

  4. Gắn Domain riêng cho blog: Xem các domain free ở bài viết này.

  4.1 Mua domain riêng của bạn, mình mua ở Pavietnam.vn, Mình sẽ Hướng dẫn bạn mua domain hosting tại Pavietnam.vn ở một bài viết riêng, Xem danh sách các bài viết hướng dẫn mua domain - hosting.

  4.2 Gắn domain cho blog, Từ A-Z cách trỏ tên miền về Blogspot mới nhất

  - Truy cập vào Dashboard của blogger, Nhấn mục Cài đặt bên trái, tại dòng Xuất bản, nhấn Miền tùy chỉnh, như hình rồi nhập domain của bạn,chú ý có www.domain, nhấn nút lưu nó hiện lên dòng màu đỏ như hình :

  - Truy cập https://access.pavietnam.vn, nơi bạn mua domain, hoặc nơi khác do bạn, tạo 2 CNAME như hình ứng với dòng màu đỏ trong Miền tùy chỉnh:

  - Nhấn nút lưu và đợi 5 - 30phút để domain cập nhật.

  5. Các chức năng khác trong Dashboard của blogger, Như hình 

  - Mục Bố cục, tại đây bạn thêm bớt tiện ích HTML/JavaScript, thay đổi giao diện blog.

  - Mục Cài đặt :

Tiêu đề: Tiêu đề để hiện thị tên cho trang blog của bạn.

Mô tả: Mô tả ngắn gọn nội dung, thông tin cá nhân, blog của bạn.

Ngôn ngữ trên Blog: Chọn ngôn ngữ bạn muốn hiển thị trên Blog.

Nội dung người lớn: Gồm hiển thị cảnh báo cho người đọc blog và yêu cầu xác nhận độ tuổi, tại đây bạn có thể tắt hết.

Mã thuộc tính Google Analytics: Gắn thuộc tính GA giúp bạn theo dõi lưu lượng truy cập trên Google Analytics một cách dễ dàng.

Biểu tượng trang web: Chọn hình ảnh biểu tượng trang web blog của bạn, giúp tăng giá trị thương hiệu cá nhân.

Bảo mật – Hiển thị với các công cụ tìm kiếm: Phần này nếu bạn muốn tối ưu SEO thì bạn bật lên để Google đọc được nội dung của bạn. Nếu bạn không muốn public nội dung thì có thể tắt chức năng này.

Địa chỉ Blog: URL miền phụ của blog Blogger của bạn.

Tùy chỉnh tên miền: Điều này cho phép bạn chọn một tên miền tùy chỉnh cho blog Blogger.

HTTPS: Cho phép bạn phân phát nội dung qua máy chủ bảo mật bằng HTTPS, chứng chỉ SSL.

Quyền: Trong cài đặt quyền, bạn có thể mời tác giả viết trên Blogspotcủa mình.

Số bài đăng: Bạn có thể đặt số lượng bài đăng sẽ được hiển thị trên trang chủ của blog.

Hộp đền hình ảnh: Sẽ hiển thị lớp phủ trưng bày trên hình ảnh.

Comment Settings: Giữ nguyên các cài đặt này.

Email: Cho phép bạn thêm người nhận email vào blog của mình. Tất cả các email đang hoạt động và đang chờ xử lý sẽ được hiển thị trong phần này.

Định dạng: Cho phép bạn chọn múi giờ, định dạng tiêu đề ngày và Định dạng dấu thời gian, bạn có thể tùy chọn múi giờ cho blog của mình.

Cài đặt tối ưu SEO cho Blogspot

Cài đặt Search Engine Optimization (SEO) của Blogspot. Các cài đặt này cần thiết để blog có cơ hội xuất hiện trong kết quả của công cụ tìm kiếm.

Thẻ meta: Bật mô tả meta cho blog của bạn, cho phép tùy chọn tìm kiếm với mọi bài đăng trên blog để đặt mô tả cho các bài đăng trên blog.

Lỗi và chuyển hướng – Tùy chỉnh 404: Nếu bạn đã xóa bất kỳ trang nào, hãy chuyển hướng URL trang đó đến một URL khác bằng cách click chọn lệnh chuyển hướng tùy chỉnh.

Bật robots.txt tùy chỉnh: Bạn có thể giữ nguyên các cài đặt này. Nếu bạn là người dùng thành thạo, thì bạn có thể đặt robots.txt tùy chỉnh nâng cao cho blog Blogger.

Bật thẻ tiêu đề robot tùy chỉnh: Để mặc định nếu muốn, nhưng nếu bạn thực sự muốn nâng cao các cài đặt này, hãy làm theo hướng dẫn về thẻ tiêu đề robot tùy chỉnh cho blog Blogger.

Google Search Console: Kết nối blogspot của bạn với Google Search Console để submit index nhanh hơn và giúp bạn theo dõi các chỉ số SEO dễ dàng.

Bật file ads.txt tùy chỉnh: Bạn có thể bật tùy chọn này nếu được Advertised yêu cầu bạn cấp quyền truy cập vào file ads.txt.

Cách tạo Blogspot đẹp

Dưới đây là các bước cơ bản để bắt đầu xây dựng và thiết kế một trang blog đẹp dành cho bạn.

Thay đổi theme của Blogger, nâng cao giao diện người dùng.

Theme Blogger phải có điểm Google PageSpeed Insight cao, vì bản cập nhật quan trọng web cốt lõi sẽ ảnh hưởng đến tất cả các kết quả tìm kiếm.

Tính thân thiện với SEO của theme: Chứa các thẻ Schema Markup, thẻ HTML5 Semantics.

Responsive và thân thiện với Google AdSense: Chọn một mẫu responsive thân thiện với Adsense.

Làm thế nào để viết một bài đăng trên Blogspot?

Truy cập trang tổng quan Blogspot > Chọn “Bài đăng” như hình dưới đây để bắt đầu tạo bài đăng mới tên Blogspot.

Bạn có thể viết một bài đăng trên blog ở chế độ HTML hoặc Compose. Ở chế độ HTML, bạn có thể tạo bài đăng trên blog bằng code HTML.

Nhập tiêu đề của bài đăng trên blog của bạn.

Biểu tượng bút chì: Nhấp vào biểu tượng này để chuyển đổi giữa chế composed và chế độ HTML.

Undo and Redo: Các tùy chọn này sẽ hoạt động như tên của nó.

Tùy chỉnh font chữ: Cho phép bạn chọn một tiêu đề, tiêu đề phụ, kích thước phông chữ, font family,…

Font chữ: Cho phép bạn thêm kiểu vào font chữ được sử dụng trong nội dung.

File đính kèm: Đính kèm các phương tiện như hình ảnh, video YouTube, video vào bài đăng trên blog.

Cài đặt bài đăng và xuất bản:

Thêm label: Thêm label vào bài đăng trên blog của bạn. Giả sử bạn đang viết nội dung về thể thao, chính trị, môi trường,… Bạn có thể gắn label cho mọi nội dung theo chủ đề của nó. Điều này sẽ giúp bạn cũng như khách truy cập của bạn dễ dàng tìm thấy nội dung liên quan.

Xuất bản: Ngày xuất bản nội dung.

Liên kết hoặc liên kết cố định: Đặt liên kết cố định cho bài đăng của bạn. Permalink phải luôn ở dạng chữ nhỏ.

Vị trí: Thêm vị trí nếu bạn thích hoặc không thì có thể bỏ qua.

Mô tả tìm kiếm: Nhập mô tả nội dung bằng 150 chữ cái giúp hiển thị cùng với kết quả tìm kiếm của blog.

Options: Tùy chọn này sẽ xuất hiện nếu bạn bật các thẻ tiêu đề robot tùy chỉnh.