Hướng dẫn how do you modify a tag in html? - làm thế nào để bạn sửa đổi một thẻ trong html?

Chỉ cần viết một plugin jQuery cho điều này.

(function( $ ) {
  $.fn.replaceTag = function(newTag) {
    var originalElement = this[0]
    , originalTag = originalElement.tagName
    , startRX = new RegExp('^<'+originalTag, 'i')
    , endRX = new RegExp(originalTag+'>$', 'i')
    , startSubst = '<'+newTag
    , endSubst = newTag+'>'
    , newHTML = originalElement.outerHTML
    .replace(startRX, startSubst)
    .replace(endRX, endSubst);
    this.replaceWith(newHTML);
  };
})(jQuery);

Usage:

$('div#toChange').replaceTag('span')

Ưu điểm lớn nhất của phương pháp này là ID bảo tồn tất cả các thuộc tính của phần tử gốc.

HTML DOM cho phép JavaScript thay đổi nội dung của các phần tử HTML.

Thay đổi nội dung HTML

Cách dễ nhất để sửa đổi nội dung của phần tử HTML là sử dụng thuộc tính innerHTML.

Để thay đổi nội dung của phần tử HTML, hãy sử dụng cú pháp này:

document.getEuityById (id) .innerhtml = new HTML

Ví dụ này thay đổi nội dung của phần tử <p>:

Thí dụ

Chào thế giới!

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
document.getElementById("p1").innerHTML = "New text!";

Chào thế giới!

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";

• Hãy tự mình thử »
• Ví dụ giải thích:
• Tài liệu HTML ở trên chứa phần tử <p> với id="p1"

Chúng tôi sử dụng HTML DOM để lấy phần tử với id="p1"

Thí dụ

Chào thế giới!

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
const element = document.getElementById("id01");
element.innerHTML = "New Heading";

Chào thế giới!

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";

• Hãy tự mình thử »
• Ví dụ giải thích:
• Tài liệu HTML ở trên chứa phần tử <p> với id="p1"

Chúng tôi sử dụng HTML DOM để lấy phần tử với id="p1"

Một JavaScript thay đổi nội dung (innerHTML) của yếu tố đó thành "văn bản mới!"

Ví dụ này thay đổi nội dung của một phần tử <h2>:

This example changes the value of the src attribute of an

$('div#toChange').replaceTag('span')

Thí dụ

Chào thế giới!
document.getElementById("myImage").src = "landscape.jpg";

Chào thế giới!

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";

• Hãy tự mình thử »
• Ví dụ giải thích:
• Tài liệu HTML ở trên chứa phần tử <p> với id="p1"

Chúng tôi sử dụng HTML DOM để lấy phần tử với id="p1"

Một JavaScript thay đổi nội dung (innerHTML) của yếu tố đó thành "văn bản mới!"

Thí dụ

Chào thế giới!
document.getElementById("demo").innerHTML = "Date : " + Date();

Chào thế giới!

document.write()

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";

Thí dụ

Chào thế giới!

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
document.write(Date());

Chào thế giới!

Chào thế giới!

document.getEuityById ("p1"). InternalHtml = "văn bản mới!";

Hãy tự mình thử »

Exercise:

Ví dụ giải thích:

<img id="image" src="smiley.gif">

<script>
document.getElementById("image") = "pic_mountain.jpg";
</script>

Tài liệu HTML ở trên chứa phần tử <p> với id="p1"

Thẻ tiêu đề là một phần rất quan trọng của tối ưu hóa công cụ tìm kiếm trên trang, vì vậy điều quan trọng là sử dụng chúng đúng cách. Họ cũng tham gia vào việc giúp người dùng công cụ tìm kiếm quyết định nhấp vào liên kết đến trang web của bạn chứ không phải khác. Thẻ tiêu đề được định dạng xấu có thể gây hại cho thứ hạng tìm kiếm của bạn và làm cho các liên kết của bạn ít hấp dẫn hơn ngay cả khi chúng xuất hiện trên trang đầu tiên của Google, vì vậy điều quan trọng là phải làm cho chúng đúng. are a very important part of on-page search engine optimization, so it's crucial to use them properly. They also come into play in helping search engine users decide to click on the link to your site rather than another. Badly-formatted title tags can harm your search rankings and make your links less appealing even when they do appear on Google's first page, so it's important to get them right.

Thẻ tiêu đề tốt, tuy nhiên, có thể tạo ra một sự khác biệt tích cực rất lớn. Họ có thể nâng vị trí của trang web của bạn trên các trang kết quả công cụ tìm kiếm (SERPs), cũng như làm cho liên kết của bạn hấp dẫn hơn để khách truy cập nhấp vào. Trên thực tế, thẻ tiêu đề phục vụ một số mục đích và điều quan trọng là bạn hiểu mức độ hữu ích hoặc có hại của thẻ tiêu đề tốt hoặc xấu.

Bài viết này sẽ hướng dẫn bạn về cách thay đổi thẻ tiêu đề của bạn và những gì cần đặt vào chúng để có kết quả tốt nhất. Hãy bắt đầu bằng cách giải thích thẻ tiêu đề trong một trang web, cách nó được sử dụng bởi các công cụ tìm kiếm và trình duyệt và lý do tại sao bạn nên tối ưu hóa nó.how to change your title tags and what to put in them for best results. Let's start by explaining the title tag in a website, how it's used by search engines and browsers, and the reasons why you should optimize it.

Thẻ tiêu đề HTML là một phần nhỏ của mã HTML xác định thuộc tính tiêu đề của một trang web. Theo Moz, một thẻ tiêu đề có nghĩa là một mô tả ngắn gọn và chính xác về nội dung của trang. Bạn có thể thấy thuộc tính tiêu đề của một trang web trong tab ở đầu cửa sổ trình duyệt. Thẻ tiêu đề cũng là tên mặc định được sử dụng nếu khách truy cập thêm trang vào dấu trang hoặc mục yêu thích của họ.HTML title tag is a tiny piece of HTML code that defines the title attribute of a web page. According to Moz, a title tag is meant to be a concise and accurate description of the page's content. You can see a website's title attribute in the tab at the top of the browser window. The title tag is also the default name used if the visitor adds the page to their bookmarks or favorites.

Đối với mục đích SEO, thẻ tiêu đề cung cấp tiêu đề có thể nhấp của trang web của bạn khi nó xuất hiện dưới dạng kết quả tìm kiếm. Công cụ tìm kiếm cũng tính đến các thẻ tiêu đề khi xếp hạng các trang. Một thẻ tiêu đề được tối ưu hóa có thể tăng thứ hạng của bạn trên SERP và tăng tỷ lệ nhấp qua, trong khi thẻ tiêu đề xấu là một trong nhiều điều gây hại cho SEO. Thẻ tiêu đề cũng được sử dụng khi liên kết của bạn được chia sẻ trên phương tiện truyền thông xã hội, xuất hiện theo cách tương tự như chúng trên SERPS: là "tiêu đề" của liên kết. Đây là cách một thẻ tiêu đề sẽ hiển thị trong SERPS:

Các mục đích khác nhau của các thẻ tiêu đề làm cho chúng quan trọng đối với SEO, khả năng sử dụng và chia sẻ xã hội. Để tổng hợp, các thẻ tiêu đề được sử dụng cho:

• Tiêu đề ngắn gọn và mô tả của một trang như xuất hiện ở đầu cửa sổ trình duyệt
• Tên mặc định cho dấu trang do người dùng tạo ra
• Xếp hạng công cụ tìm kiếm
• Tiêu đề có thể nhấp của kết quả tìm kiếm
• Tiêu đề của một liên kết khi được chia sẻ trên phương tiện truyền thông xã hội

Điều này làm cho tối ưu hóa trở nên quan trọng vì nhiều lý do:

• Giúp khách truy cập tìm và ghi nhớ trang của bạn trong các tab và dấu trang của họ
• Bao gồm các từ khóa thích hợp để giúp trang của bạn kiếm được thứ hạng cao
• Làm cho các liên kết của bạn hấp dẫn trên SERPs, do đó cải thiện tỷ lệ nhấp chuột
• Thu hút nhiều quan điểm hơn khi liên kết của bạn được chia sẻ trên phương tiện truyền thông xã hội

Điều này có vẻ đáng sợ, nhưng tối ưu hóa các thẻ tiêu đề của bạn khá đơn giản. Bây giờ chúng ta sẽ nhận được cách nó được thực hiện.

Ví dụ thẻ tiêu đề HTML

Ví dụ dưới đây cho thấy nơi thẻ tiêu đề HTML META nằm trong phần đầu của trang web của bạn. Bạn không thể sử dụng thẻ tiêu đề HTML trong phần tử cơ thể và bạn không bao giờ nên có 2 thẻ tiêu đề HTML trong thẻ đầu HTML của trang web của bạn.

Cách chỉnh sửa thẻ tiêu đề HTML

Có hai cách chính để chỉnh sửa thẻ tiêu đề: bằng cách chỉnh sửa trực tiếp HTML hoặc bằng cách thay đổi chúng trong bảng điều khiển của trang web của bạn.

Thay đổi thẻ tiêu đề trong bảng điều khiển của trang web của bạn

Hầu hết các trang web ngày nay được xây dựng với Hệ thống quản lý nội dung (CMS) như WordPress cho blog hoặc Shift4shop cho một trang web Thương mại điện tử. Bạn sẽ chỉnh sửa thẻ tiêu đề của mình thông qua bảng điều khiển bạn sử dụng để tạo và chỉnh sửa các trang trang web. Tìm phần mà bạn có thể thay đổi thẻ meta; Để biết thêm thông tin, hãy tham khảo hỗ trợ của nhà cung cấp CMS của bạn.

Một số nhà xây dựng trang web tự động tạo thẻ tiêu đề, nhưng chúng có thể không được tối ưu hóa để có kết quả tốt nhất. Nếu bạn không thể tìm thấy một cách dễ dàng để thay đổi thẻ tiêu đề trong bảng điều khiển của mình, bạn sẽ cần chỉnh sửa mã HTML trực tiếp. Như một lưu ý phụ, nếu CMS của bạn thiếu tính năng này, bạn có thể cân nhắc việc di chuyển sang một nền tảng tốt hơn nếu bạn nghiêm túc về việc tăng khả năng hiển thị của trang web.

Chỉnh sửa thẻ tiêu đề HTML

Để thay đổi thẻ tiêu đề của trang chủ của bạn trực tiếp trong mã HTML của trang web của bạn, bạn sẽ cần mở trang chính của trang web của bạn trong trình chỉnh sửa văn bản hoặc giao diện mã hóa khác. Trang chủ thường được đặt tên là Home.html, index.html hoặc default.html.

Gần đầu trang của bạn, bạn sẽ tìm thấy thẻ tiêu đề được lồng bên trong các thẻ tiêu đề, như thế này:

Cập nhật văn bản giữa các thẻ tiêu đề mở và đóng, tức là và. Để hoạt động này, bạn phải duy trì cấu trúc của việc mở và đóng và chỉ sửa đổi văn bản giữa chúng.

Lưu công việc của bạn và ghi nhớ rằng các thay đổi đối với các thuộc tính tiêu đề của bạn sẽ mất thời gian để phản ánh trong SERPs.

Cách viết thẻ tiêu đề HTML tuyệt vời

Bây giờ bạn đã hiểu cách thay đổi thẻ tiêu đề của mình, bạn nên tìm hiểu những gì nó cần để làm cho chúng hiệu quả. Hãy nhớ rằng bạn có hai mục tiêu chính ở đây: để tối ưu hóa các công cụ tìm kiếm và cải thiện chúng cho khả năng đọc của con người.

Một thẻ tiêu đề tốt cần phải được:

• Chiều dài 50-60 ký tự, bao gồm cả khoảng trắng. Google cắt các mục SERP dựa trên chiều rộng pixel, không phải số lượng ký tự, vì vậy tiêu đề của bạn có thể cần ngắn hơn nếu nó sử dụng nhiều ký tự rộng hơn như M hoặc O. Google cuts off SERP entries based on pixel width, not character count, so your title may need to be shorter if it uses many wider characters like M or O.
  
• 
  Viết với các từ khóa quan trọng đầu tiên. Các từ khóa quan trọng của bạn càng xuất hiện trong tiêu đề của bạn thì càng tốt. Đặt tên thương hiệu hoặc tên công ty của bạn ở cuối, không phải là khởi đầu. Hãy nhớ rằng người dùng rất có thể tìm kiếm sản phẩm hơn là cho doanh nghiệp cụ thể của bạn, vì vậy từ khóa sản phẩm quan trọng hơn. Nếu bạn không biết nên sử dụng từ khóa nào, hãy học cách nghiên cứu từ khóa. The earlier your crucial keywords appear in your title, the better. Put your brand or company name at the end, not the beginning. Keep in mind that users are most likely to search for products rather than for your specific business, so product keywords are more important. If you don't know what keywords to use, learn how to do keyword research.
• Liên quan đến trang. Mỗi thẻ tiêu đề cần phải là một bản tóm tắt nhanh chóng của trang mà nó thuộc về, nếu không, Google có thể tùy ý hiển thị một tiêu đề khác nhau trong SERPS. Every title tag needs to be a quick summary of the page it belongs to, otherwise Google may arbitrarily display a different title in SERPs.
• Khác với tiêu đề của trang. Tiêu đề H1 của bạn là một nơi quan trọng khác cho các từ khóa. Nếu tiêu đề và tiêu đề của bạn giống hệt nhau, bạn sẽ lãng phí cơ hội sử dụng các từ khóa khác nhau thay vì các từ khóa dự phòng. Your H1 headline is another important place for keywords. If your headline and title are identical, you're wasting a chance to use different keywords instead of redundant ones.
• Con người có thể đọc được. Hãy nhớ rằng, trong khi các công cụ tìm kiếm xếp hạng các trang của bạn, con người là những người thực sự đọc và sử dụng chúng. Thẻ tiêu đề có thể đọc được của con người làm cho trang của bạn có thể nhấp vào SERP và đáng nhớ trong dấu trang. Remember that, while search engines rank your pages, human beings are the ones actually reading and using them. A human-readable title tag makes your page clickable on SERPs and memorable in bookmarks.
• Không phải từ khóa. Đừng rơi vào cái bẫy của việc thêm hàng tấn từ khóa trong nỗ lực xếp hạng cao hơn. Điều này làm tổn thương khả năng đọc của con người và nếu nó đủ tệ, Google sẽ phạt bạn vì điều đó. Don't fall into the trap of adding tons of keywords in an attempt to rank higher. This hurts human readability, and if it's bad enough, Google will penalize you for it.
• Khác nhau trên mỗi trang. Thẻ tiêu đề phải luôn phù hợp với nội dung trang, vì vậy mỗi trang cần thẻ tiêu đề riêng lẻ của riêng mình để giúp phân biệt nó với các trang khác của bạn. Cũng rất có khả năng mỗi trang sẽ cần một vài từ khóa khác nhau, vì vậy hãy tối ưu hóa từng thẻ tiêu đề cho phù hợp. The title tag should always be appropriate to the page content, so each page needs its own individual title tag to help differentiate it from your other pages. It's also very likely that each page will need a few different keywords, so optimize each title tag accordingly.

Nhiều hệ thống quản lý nội dung sẽ hiển thị bản xem trước về cách thẻ tiêu đề của bạn sẽ trông như là một phần của liên kết SERP của trang của bạn hoặc bạn có thể sử dụng một công cụ xem trước SERP trực tuyến để tinh chỉnh.

Tìm hiểu thêm về SEO

Thẻ tiêu đề HTML là một trong những phần quan trọng nhất của SEO, nhưng có rất nhiều bạn cần hiểu. Tải xuống ebook miễn phí của chúng tôi để tìm hiểu về các mô tả meta, tối ưu hóa nội dung trang của bạn và hơn thế nữa. Với các hướng dẫn này trong tầm tay của bạn, bạn sẽ bắt đầu thấy sự khác biệt trong thứ hạng SERP của bạn ngay lập tức.