Cách Check liên kết đứt gãy trong SEO

Tác hại của liên kết gãy chúng ta đã biết quá rõ ràng rồi, và những người đang sử dụng WordPress đều có thể đang sử dụng plugin Broken Link Checker để nó tự động tìm các liên kết bị lỗi 404 để bạn có thể sửa hoặc xóa đi. Tuy nhiên những người khác không sử dụng WordPress thì sao? Và plugin Broken Link Checker rất tốn tài nguyên, bạn càng có nhiều bài viết trong website thì nó sẽ càng tốn tài nguyên khi xử lý.

Tuy nhiên, việc tìm các liên kết gãy trong website không phải hoàn toàn bó tay hoặc sử dụng các dịch vụ trả phí, mà ở đây mình sẽ giới thiệu đến bạn 4 công cụ có thể giúp bạn tìm các liên kết gãy trong website hoàn toàn miễn phí và không ảnh hưởng đến website.

1. Xenu Link Sleuth

• Đánh giá: 4,5 / 5
• Hệ điều hành: Windows

Xenu nói chính xác hơn nó là một công cụ dò tìm toàn bộ liên kết của một website bất kỳ chứ không phải chỉ có chức năng tìm liên kết bị lỗi 404. Cách thức hoạt động của nó là crawl liên kết theo kiểu bắc cầu từ trang này sang trang khác và trả thống kê đầy đủ cho bạn sau khi nó crawl xong. Tuy nhiên, do crawl theo kiểu đó nên nếu website bạn có nhiều trang thì sẽ khá mất thời gian để nó crawl xong đấy.

Khi phát hiện ra link bị 404, bạn có thể ấn chuột phải vào nó rồi chọn URL Properties để xem link đó nằm trong trang nào để bạn biết.

2. Screaming Frog Spider SEO

• Đánh giá: 4,5 / 5
• Hệ điều hành: Windows, Mac, Ubuntu.

Nếu Xenu chỉ có nhiệm vụ thu thập liên kết của website rồi trả về với các thuộc tính cơ bản thì ScreamingFrog sẽ có vai trò như một phần mềm hỗ trợ SEO tốt hơn vì nó có thêm các chức năng phục vụ việc SEO như phân tích các chỉ số của liên kết, kiểm tra liên kết, kiểm tra SEO Onpage,….

Phần mềm này tuy miễn phí nhưng nó sẽ giới hạn bạn thu thập tối đa là 500 liên kết. Nếu bạn muốn dùng nhiều hơn thì sẽ trả phí là 99 bảng Anh mỗi năm. Nhìn chung nếu bạn phụ thuộc nhiều vào nó thì cái giá đó không phải là đắt đỏ.

3. LinkChecker

• Đánh giá: 4 / 5
• Hệ điều hành: Windows, Ubuntu, Linux.

Nếu bạn là một người dùng Linux thì có thể sử dụng công cụ này để kiểm tra liên kết gãy, nó hỗ trợ rất nhiều nền tảng như Windows, Ubuntu, Linux (hỗ trợ command line) và thậm chí là bạn có thể cài nó vào Web Server rồi sử dụng trên môi trường web. Nhìn chung nếu bạn đang có một máy chủ cỡ mạnh thì có thể cài cái này vô và kiểm tra cho nó nhanh.

4. Google Webmaster Tools

• Đánh giá: 3/5
• Hệ điều hành: Môi trường web

Công cụ Google Webmaster Tools thì quá quen thuộc rồi và hầu như chúng ta sử dụng nó mỗi ngày. Và trong đó nó có một tính năng đó là thu thập và thống kê các liên kết bị lỗi có trong website, bạn có thể tìm thấy nó ở phần Thu thập dữ liệu -> lỗi thu thập dữ liệu.

Lời kết

Ở trên là 4 công cụ mà mình đã từng sử dụng qua để kiểm tra các liên kết bị lỗi 404 và hiện tại cả 4 công cụ đều đang sử dụng rất tốt nên bạn cứ yên tâm mà sử dụng nhé. Hãy nên nhớ rằng, website bạn càng có ít liên kết lỗi 404 thì Google càng đánh giá cao hơn, cũng như thân thiện với người dùng hơn.

CSS căn bản #1

Cú pháp của CSS được chia làm 3 phần. phần thẻ chọn (selector), phần thuộc tính (property), phần nhãn (value).

tên {css: giá trị}

• Nếu nhãn của bạn có nhiều từ bạn nên đặt nhãn của bạn vào trong dấu nháy kép

html {font-family: "sans serif"}

• Trong trường hợp thẻ chọn của bạn nhiều thuộc tính thì các thuộc tính sẽ được ngăn cách bởi dấu (;).

p {text-align:center;color:#f00}

• Khi thẻ chọn có nhiều thuộc tính thì chúng ta nên để mỗi thuộc tính ở trên một dòng riêng biệt.

p {
text-align: center;
color: f00;
}

Cấu trúc CSS

• - Khai báo css cho id: #ten

Ví dụ: bạn có 1 thẻ <div id="tendiv">nội dung</div>.
Để khai báo css cho thẻ này bạn khai báo:
#tendiv {
thuộc tính css: giá trị;
}

• - Khai báo css cho class: .ten

Ví dụ bạn có 1 thẻ <div class="tenclass">nội dung</div>
Để khai báo cho thẻ này bạn khai báo
.tenclass {
thuộc tính css: giá trị;
}

• Ghi chú: Bạn có thể khai báo nhiều class cho mỗi thẻ.

Ví dụ: <div class="ten1 ten2 ten3">nội dung</div>
Mỗi ten1, ten2 bạn khai báo như khai báo thuộc tính class bình thường. Class đứng sau sẽ chiếm giá trị css cùng loại.
Ví dụ:
.ten1 {
width:400px;
}
.ten2 {
width:200px;
}
Thì thẻ trên sẽ nhận giá trị "width:200px";

• - Khai báo css cho html: thẻ html

Nếu bạn muốn khai báo tất cả hình ảnh trong 1 div hay 1 thẻ nào đó có chung 1 thuộc tính thì bạn có 2 cách:

• Cách 1: bạn khai báo thẻ class hay id rồi sau đó gắng vào tất cả những thẻ html có trong đó.

ví dụ:
Ở file css
.img {border:1px solid #ccc;padding:3px; background:#f00} /*Khai báo thẻ được bao ngoài với độ rộng đường viền 1px. Cách vào trong 3px; Màu nền đỏ - Vấn đề này chúng ta sẽ bàn kỹ hơn vào các bài sau*/
Ở file html
<div id="tendiv">
<img src="link ảnh" class="img" />
<img src="link ảnh" class="img" />
<img src="link ảnh" class="img" />
</div>
Ở đây rôi khai báo theo class có tên img (.img)

• Cách 2: Bạn khai báo:

Ở file css:
#tendiv img{border:1px solid #ccc;padding:3px; background:#f00}
Ở file html

<div id="tendiv">
<img src="link ảnh" />
<img src="link ảnh" />
<img src="link ảnh" />
</div>
Chúng ta hoàn toàn có 2 kết quả giống nhau nhưng bên html đỡ rườm rà và rắc rối hơn.
Ở cách 2 chúng ta đã khai báo cho thẻ html img ở dòng lệnh #tendiv img như vậy mọi hình ảnh ở trong thẻ tendiv sẽ có giá trị như ta khai báo.
- Khai báo css cho 1 thẻ html duy nhất:
Vấn đề đặt ra là bạn có 2 lệnh css có tên giống nhau là .mau{background:#f00} và .mau{background:#000 }
background: là câu lệnh css cho ta màu nền;
#f00: mã màu đỏ
#000: mã màu đen
Nhưng bạn muốn áp dụng cho thẻ p có nền màu đỏ, thẻ img có nền màu đen thì phải làm thế nào?
Nếu bạn gán css mau vào cho p và img như 3 cách trên thì hoàn toàn sai lầm vì cả 2 sẽ đưa ra 1 màu.Để giải quyết ván đề này bạn khai báo:
p.mau{background:#f00}
img.mau{background:#000}