Làm sao để thiết kế Website được chuẩn SEO ?

Ngày đăng: 11/11/2017 - Lượt xem: 78


Khi xây dựng một trang Website, đây là đây là các yếu tố liên quan tới Website chuẩn SEO:

  • Nhà chiến lược SEO thực hiện nghiên cứu từ khóa và lập kế hoạch các trang đích bắt buộc dựa trên những gì họ biết về các mục tiêu và nhu cầu kinh doanh của khách hàng. Họ cung cấp một danh sách các trang phải trên trang web cũng như bất kỳ đề xuất mã hóa trước nào cụ thể cho nhu cầu của một trang web cụ thể.
  • Các kiến trúc sư thông tin lấy thông tin đó từ chiến lược SEO để sau đó tích hợp đó vào công việc IA của họ cho một trang web mà là cả hai có thể sử dụng và công cụ tìm kiếm thân thiện.
  • Nhà thiết kế tạo ra một giao diện chuyển đổi các wireframe IA thành một công cụ truyền thông hiệu quả và mang nhãn hiệu tốt có thể xử lý các nội dung cần thiết như được chỉ định cho mục đích SEO. Nhà thiết kế cũng chịu trách nhiệm một phần về việc đảm bảo rằng các phông chữ mà họ sử dụng có ý nghĩa quyết định đối với dự án SEO có thể đọc được bằng máy và thời gian tải trang và tỷ lệ thoát sẽ không bị ảnh hưởng tiêu cực bởi một yếu tố thiết kế.
  • Bộ mã hóa đầu cuối phải đảm bảo rằng nội dung được mã hoá theo cách thân thiện với công cụ tìm kiếm.
  • Nhà phát triển dự án kết thúc cần phải đảm bảo tính hợp quy hóa các URL và cung cấp các công cụ cần thiết để giúp SEO.

Hướng dẫn thiết kế website chuẩn SEO

 

Để làm cho các nhà lập trình phía trước và nhà phát triển dự án dễ dàng có một danh sách các mục cần xem xét khi thực hiện một phần của quá trình xây dựng trang web, tôi đã liệt kê các tiêu chuẩn để đi qua:

  • CSS vs bảng.

Điều này không cần đề cập đến, nhưng các trang web nên sử dụng CSS chứ không phải là một cấu trúc bảng. Điều này cho phép đặt thứ tự cải tiến các phần tử nội dung trên trang. Ví dụ: có thể đặt một thanh bên trái dài bên dưới chứ không phải trên một khối nội dung độc đáo sẽ là tốt đẹp. CSS cho phép điều đó xảy ra.

  • Sử dụng thẻ H và các yếu tố phong cách khác

Hạn chế việc sử dụng thẻ H (H1, H2, H3, etc) và <strong> vào nội dung không lặp lại. Điều đó có nghĩa là không sử dụng các thẻ HTML này trên các tiêu đề, sidebars, footers, hoặc bất cứ thứ gì được lặp lại trên trang web hoặc nhiều trang. Thay vào đó, sử dụng div thông thường. Bảo lưu các thẻ này cho nội dung độc đáo trên mỗi trang.

  • Phông chữ

Càng nhiều càng tốt, hãy sử dụng các phông chữ có thể đọc bằng máy. Một cách khác là sử dụng font-replacement như @ font-face. Cuối cùng, sử dụng một hình ảnh để hiển thị văn bản. Đặt hình ảnh vào một thẻ hình ảnh (thay vì sử dụng CSS) bằng văn bản alt lặp lại những gì được viết trong hình ảnh, word-for-word.

  • Hình ảnh

Đối với hình ảnh là các yếu tố phong cách, việc sử dụng các hình nền CSS là tốt, nhưng đối với các phần tử nội dung, được tìm thấy trong một phần văn bản duy nhất của một trang, sử dụng một thẻ hình ảnh thông thường. Đối với các biểu tượng, hãy sử dụng thẻ hình ảnh thay vì sử dụng thay thế văn bản.

  • Tốc độ trang web

Một trang web không nên mất hơn 3 giây để tải trên một kết nối 10Mb. Trình mã hoá phía trước không chịu trách nhiệm về toàn bộ nội dung làm cho trang nhanh hay chậm, nhưng chúng có vai trò chơi. Điều đó có nghĩa là hợp nhất các tệp CSS và javascript, tải javascript vào cuối trang, tạo ra các sprite và tìm kiếm các cơ hội cắt giảm kích cỡ khác.

  • Làm cho nội dung dễ đọc

Công cụ tìm kiếm gặp sự cố khi đọc nội dung nằm trong thẻ <script> hoặc tải động (như AJAX). Bất cứ thứ gì không được nạp khi trang tải sẽ hầu như không bị các công cụ tìm kiếm chọn. Không sử dụng nội dung tải động, trừ khi được nêu rõ trong tài liệu đặc tả của trang web.

Một URL kinh điển là phiên bản của bất kỳ URL của trang web nào mà chúng tôi muốn lập chỉ mục bởi các công cụ tìm kiếm. Phép thuật hóa là quá trình mà chúng ta đạt được kết quả đó. Mọi trang trên trang web chỉ có thể truy cập được từ một URL. Các thông số URL bổ sung có thể được thêm, nếu được xử lý bằng cách sử dụng các kỹ thuật được mô tả ở đây.

  • Đối phó với các trang www và index.

Theo mặc định, tất cả các URL sau đây phải chuyển hướng đến www.bigapptech.com

bigapptech.com
bigapptech.com/index.(.*)
www.bigapptech.com/index.(.*)

Có thể có trường hợp chủ sở hữu trang web thích sử dụng phiên bản không phải www hoặc tên miền phụ làm tên miền gốc của họ. Đó là tiền phạt miễn là tất cả các phiên bản khác chuyển hướng đến phiên bản đã chọn.

  • Đối phó với dấu gạch chéo.

URL có thể có dấu gạch chéo cuối "/" ở cuối. Đôi khi họ không. Máy chủ nên luôn luôn chuyển hướng đến một hay khác. Tốt nhất là nên dùng phiên bản slash.

Ví dụ:
www.bigapptech.com/blue-widget nên 301 chuyển hướng đến www.bigapptech.com/blue-widget/

Lưu ý rằng đây không phải là vấn đề với URL gốc, chẳng hạn như https://www.bigapptech.com. Dấu gạch chéo sẽ không bao giờ xuất hiện ở cuối URL đó.

  • Hợp nhất hóa các trang con

Một trang sản phẩm trên một trang web thương mại điện tử có thể truy cập tại 3 URL khác nhau không phải là một ý tưởng hay. Ví dụ thể hiện một vấn đề bắt nguồn từ kiến ​​trúc CMS. Lý tưởng nhất là chỉ nên có một URL.

/product/reebok-black-crossfit-shoe/ET256/


/shoes/product/reebok-black-crossfit-shoe/ET256/


/shoes/fitness/product/reebok-black-crossfit-shoe/ET256/

Trong trường hợp này, nơi các danh mục con và tiểu mục dường như liên tục thay đổi, URL tốt nhất để sử dụng là /product/reebok-black-crossfit-shoe/ET256/. Không có URL nào khác nên mở trang này. Bạn có thể thêm các thông số vào URL. Ví dụ: sự tồn tại của các URL sau đây sẽ ổn nếu sử dụng thẻ liên kết theo kinh điển.

/product/reebok-black-crossfit-shoe/ET256/

/product/reebok-black-crossfit-shoe/ET256/?cat=shoes

/product/reebok-black-crossfit-shoe/ET256/?cat=shoes&subcat=fitness

Đối với mỗi URL ở trên, những gì được gọi là thẻ liên kết canon phải được thêm vào phần <head> của trang. Mục đích của thẻ liên kết theo kinh điển là để cho các công cụ tìm kiếm phiên bản URL nào đó lập chỉ mục. Như đã đề cập ở trên, phiên bản URL mà chúng tôi muốn lập chỉ mục là / product / reebok-black-crossfit-shoe / ET256 /. Trong trường hợp này, thẻ liên kết theo tiêu chuẩn phải như thế này trên tất cả 3 URL trên:

<link href="http://www.bigapptech.com/product/reebok-black-crossfit-shoe/ET256/" rel="canonical" >

Lưu ý bên cạnh: vì mục đích theo dõi, các nhà tiếp thị cần thêm các thông số bổ sung vào một URL. Các thông số này không được ghi đè và chúng không gây ra lỗi cho trang 404.

Tính năng CMS giúp SEO

Vì hầu hết các trang web sử dụng một số loại hệ thống quản lý nội dung, nó có nghĩa là chuyên gia SEO sẽ phải dựa vào CMS để giúp họ sửa đổi nội dung trang web để đạt được mục tiêu của họ. Dưới đây là các tính năng CMS giúp SEO:

  • Khả năng sửa đổi thẻ tiêu đềdữ liệu meta chính trên tất cả các trang. Điều đó có nghĩa là nội dung đi vào các lĩnh vực sau:

<title>{CONTENT}</title>
(theo mặc định, hãy sử dụng điều này: {Page Name} | {Company Name})

<meta name="description" content="{CONTENT}" >
(mặc định, để trống này)

<meta name="robots" content="{CONTENT}" >
(mặc định, sử dụng chỉ mục, theo dõi)

<link href="{CONTENT}" rel="canonical" >
(mặc định là phù hợp với URL của trang.Vì vậy, nếu URL của trang là http://www.bigapptech.com/product/reebok-black-crossfit-shoe/ET256/ thì thẻ liên kết theo chuẩn sẽ trông như sau: <link href = "http://www.bigapptech.com/product/reebok-black-crossfit-shoe/ET256/" rel = "canonical">

  • Đang cập nhật tệp sitemap.xml :

CMS nên có thể tạo tệp sitemap.xml và đặt nó vào thư mục gốc của trang web (www.bigapptech.com/sitemap.xml). Nó nên chứa tất cả các trang chính của trang web và tự động cập nhật khi các trang mới được thêm vào hoặc một số được gỡ bỏ. Đây là định dạng cần thực hiện:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.bigapptech.com/schemas/sitemap/0.9">
<url>
<loc>http://www.bigapptech.com/</loc>
<lastmod>2005-01-01</lastmod>
</url>
</urlset>

Khi trang web chứa nhiều phần, ví dụ như một blog được WordPress kiểm soát và một số phần khép kín khác, có thể dễ dàng tạo ra một sơ đồ trang web riêng biệt cho mỗi phần. Có thể liên kết các tệp này với sử dụng tệp chỉ mục sơ đồ trang Web.

  • Đang cập nhật tệp robots.txt

Tệp robots.txt kiểm soát nơi trình thu thập thông tin công cụ tìm kiếm được phép đi. Tập tin này nên được chỉnh sửa thông qua CMS. Magento có một danh sách các thư mục con không được phép theo mặc định nên được bao gồm ngay từ đầu.

  • Phần trang có thể chỉnh sửa

Mặc dù nó không phải là một yêu cầu SEO, nó là lợi ích cho các mục đích theo dõi để có thể chỉnh sửa các phần khác nhau của tất cả các trang web trên trang web. Bao gồm các:

Ngay sau khi mở thẻ <head>.
Ngay trước khi thẻ đóng </ head>.
Ngay sau khi mở thẻ <body>.
Ngay trước khi đóng thẻ </ body>.

Có nhiều tập lệnh theo dõi giúp thu thập thông tin về hành vi của người dùng cần được thêm vào bất kỳ khu vực nào trong số những khu vực này. Nên có một cách để thêm một thẻ cho tất cả các trang cũng như mỗi trang riêng lẻ.

  • Tải lên hình ảnh

Khi hình ảnh được tải lên qua CMS, tên tập tin nên được chỉnh sửa hơn là được viết lại cho một chuỗi ngẫu nhiên bởi CMS. Tiêu đề hình ảnh và thẻ alt phải được chỉnh sửa (thường ở hầu hết các hệ thống quản lý nội dung).

  • Tốc độ trang

Để tối ưu hóa thời gian tải trang, cần phải sử dụng các kỹ thuật cắt giảm thời gian tải khác nhau . Các trang không nên mất hơn 3 giây để tải.

  • Cấu hình 404

Khi một URL ngẫu nhiên được truy cập, máy chủ sẽ trả về một phản ứng 404 - không phải là 302, 200 hoặc bất kỳ khác.

Trên đây BigAppTech đã hướng dẫn cho các bạn hiểu cơ bản làm thế nào để thiết kế Website chuẩn SEO .

 



hotline của bigapptech