Cấu trúc Website chuẩn Schema

Cấu trúc Website chuẩn Schema
Trước đây bạn vẫn quen thuộc với cấu trúc HTML căn bản tuy nhiên hiện nay với sự phát triển của Marketing Online người ta đánh giá 1 code website dựa vào sự thân thiện với Google nghĩa là chuẩn SEO đấy.

Sau đây mình sẽ hướng dẫn triển khai cấu trúc website chuẩn Schema, là một bước trong quy trình tối ưu Schema cho Website.

Schema là gì? và tác dụng của Schema như thế nào? mình sẽ để liên kết cái bài viết phân tích về tác dụng của Schema cuối chân bài viết.

Cấu trúc Website chuẩn Schema


Cấu trúc Website khai báo Schema

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html>
<html lang='vi'>
<head>
// Khai báo Meta tags cho các công cụ tìm kiếm
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<Title> Tiêu đề Website </title>
</head>

<skin>
// CSS
</skin>

<nav id='main-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'> //Schema menu//Khai báo Menu</nav>

<header id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'> //Schema Header
// Nội dung phần Header
</header>

<body>
<main id='main-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'> //Schema Body
// Nội dung body web
<article class="post-body entry-content h-entry hentry" itemprop="articleBody">
<h1> Tiêu đề bài viết </h1>
Nội dung bài viết
// Phần này hiển thị trong bài viết
</article>
</main>

<asider id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'> //Schema Siderbar
// Nội dung cột Sider Bar
</asider>

<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'
// Schema Footer
// Nội dung Footer
</footer>

</body>
</html>

Thói quen dùng <div khai báo chuyển sang thành <nav> <header> <aside> <main> <footer>...

Chi tiết mời bạn xem hướng dẫn: >> Triển khai Schema cho cấu trúc Website <<
Xuất bản tại mục Schema. Lưu lại liên kết này Ctrl + D
0 Nhận xét