Tạo Cấu Trúc Schema Chuẩn Cho Website Trong Seo

Thảo luận trong 'Mã Nguồn' bắt đầu bởi Pussy, Thg 2 14, 2017.

  1. Pussy

    Pussy New Member Chuyển tiền Tìm chủ đề

    Bài viết:
    Tìm chủ đề
    950
    Schema (schema.org) là thuật ngữ để chỉ định nghĩa về cấu trúc dữ liệu (dữ liệu có cấu trúc), trong SEO (tối ưu công cụ tìm kiếm), "cấu trúc Schema" là một thuật ngữ về các thẻ khai báo, những dòng code html hay những dòng code khai báo dạng java script, nhằm khai báo cho các công cụ tìm kiếm biết được những đặc tính, tính chất của website một cách mạch lạc, xuyên suốt.. tối ưu cấu trúc Schema là một phần nhỏ trong SEO Onpage, cấu trúc schema chuẩn sẽ khiến sức mạnh Onpage của website tăng điểm đáng kể và giúp cải thiện thứ hạng của bạn trên các công cụ tìm kiếm.

    Ở bài viết hôm nay, Cộng đồng StartUp sẽ chia sẻ tới bạn đọc 1 tips khởi nghiệp giúp các bạn đang có ý định khởi nghiệp trên internet, giúp tối ưu website hơn, mang sản phẩm tới người dùng dễ dàng dàng hơn từ internet.

    [​IMG]

    Vậy cấu trúc Schema là gì?

    Schema.org là một trang website, đây là kết quả được tạo ra từ sự hợp tác của các ông lớn trong tìm kiếm internet gồm Google (của Alphabet), Bing (của Microsoft), Yandex hay Yahoo.

    Schema giúp cung cấp nội dung, thông tin để các công cụ tìm kiếm dễ hiểu hơn website của bạn, từ đó ưu tiên hơn thứ hạng của trang web của bạn khi tìm kiếm internet.

    Thêm Schema vào thẻ HTML của website của bạn (thường được đặt trong cặp thẻ --> <head> miêu tả cấu trúc schema website </head>).

    Cách thêm Schema chất lượng cho website

    Sau đây là những dòng Schema mà khi bạn tích hợp vào website, sẽ có tác động tích cực cho website của bạn, tăng điểm Onpage trong SEO.

    Bạn để dòng java script sau đây trong thẻ head của website

    Mã:
    <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","@id":"#website","url":"http://domain.com/","name":"Tên của web của bạn","alternateName":"Tên web ngắn gọn","potentialAction":{"@type":"SearchAction","target":"http://domain.com/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
    <script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","url":"http://domain.com/","sameAs":[],"@id":"#organization","name":"Tên web ngắn gọn","logo":"Link logo của website"}</script>
    Hoàn thành dòng schema dưới đây và tiếp tục cho vào thẻ head của website

    Mã:
    <script type="application/ld+json">
    {
    "@context": "http://schema.org/...",
    "@type": ".....",
    "url": "http://domain.com",
    "logo": "link logo",
    "hasMap": "link bản đồ doanh nghiệp",
    "email": "mailto: Email của website / doanh nghiệp bạn",
    "address": {
    "@type": "PostalAddress",
    "addressLocality": "Quận",
    "addressRegion": "Thành phố",
    "postalCode":"700000",
    "streetAddress": "Địa chỉ chính xác + tên đường"
    },
    "description": "Mô tả dài đầy đủ về lĩnh vực, tầm nhìn, tham vọng, xứ mệnh của website",
    "name": "Tên ngắn gọn của website",
    "telephone": "Số điện thoại: vd 0169-530-4547",
    "openingHours": [ "Mo-Sa 07:00-19:00", "Sun 08:00-12:00" ],
    "geo": {
    "@type": "GeoCoordinates",
    "latitude": "Kinh độ địa lý",
    "longitude": "Vĩ độ địa lý"
    },
    "sameAs" : [ "https://www.facebook.com/...",
    "https://www.youtube.com/...",
    "https://twitter.com/...",
    "https://www.linkedin.com/...",
    "https://www.pinterest.com/...",
    "https://plus.google.com/...",
    "http://tumblr.com/..."]
    }
    </script>
    Những dòng Schema phía trên có tác động khá lớn cho website của bạn, giúp tặng mạnh trustrank của website, ngoài các yếu tố Schema cùng những yếu tố tăng cường Trustrank, Trustseo,... đây đều là những yếu tố tác dụng ranking từ khóa cực mạnh mà không cần nhiều Backlink (SEO không Backlink)

    Chú thích các thông số Schema phía trên

    Để kiểm tra kiểu @context và @Type: Các bạn tham khảo tại đây. Các dòng bôi màu xanh, các bạn thay đổi cho phù hợp với website của mình.

    Có thể kiểm tra bằng SeoQuake xem bạn đã làm đúng hay chưa, nếu đúng sẽ có dấu tick chính xác như hình ảnh bên dưới:
    [​IMG]

    Với kiểu @type": "GeoCoordinates", kinh độ và vĩ độ doanh nghiệp của bạn có thể lấy ở Google Mymaps hoặc từ Google local (Google Business) của bạn.
    [​IMG]

    Với mục "openingHours" phía trên là thời gian "mở cửa - đóng cửa" của doanh nghiệp bạn.

    Mục "sameAs" là tập hợp tất cả các mạng xã hội của website, của doanh nghiệp của bạn.
     
    Last edited by a moderator: Thg 11 7, 2017
  2. Đang tải...
  3. Wall-E

    Wall-E Moderator Chuyển tiền Tìm chủ đề

    Bài viết:
    Tìm chủ đề
    2,451
    Tích hợp cấu trúc Schema website hỗ trợ tốt cho Seo

    Bạn đã tìm hiểu cấu trúc Schema của google hay chưa? Nếu đã tìm hiểu nhưng vẫn chưa biết cách tích hợp cấu trúc Schema website như thế nào là hợp lí để hỗ trợ tốt nhất cho seo website. Hãy tham khảo bài viết này để biết rằng mình đã sử dụng cấu Schema đúng chưa nhé.

    Tích hợp cấu trúc Schema website để làm gì?

    Bài viết website không được index hay index chậm, kết quả hiển thị tìm kiếm không chính xác khiến những người dùng tìm kiếm và cả những người làm SEO cảm thấy khó chịu. Vì vậy đâu là nguyên nhân? Có phải website bạn đã không có cấu trúc Schema. Vậy làm sao để kiểm tra xem website của chính bạn đã được tích hợp code schema hay chưa?

    Công cụ kiểm tra cấu trúc Schema của google

    Để kiểm tra xem website bạn đã có cấu trúc schema hay chưa?

    Sau đó bạn chỉ cần click vào đường link bên dưới sau đó copy link website cần kiểm tra vào là được. Thật đơn giản đúng không các bạn

    https://search.google.com/structured-data/testing-tool

    6 vị trí cần tích hợp cấu trúc schema cho website

    1. Tạo cấu trúc Schema Breadcrumbs

    Mã:
    <ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books">
    <span itemprop="name">Books</span>
    <img itemprop="image" src="http://example.com/images/icon-bookicon.png" alt="Books"/></a>
    <meta itemprop="position" content="1" />
    </li>
    
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction">
    <span itemprop="name">Science Fiction</span>
    <img itemprop="image" src="http://example.com/images/icon-science-fiction.png" alt="Genre: Science Fiction"/></a>
    <meta itemprop="position" content="2" />
    </li>
    
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction/ancillaryjustice">
    <span itemprop="name">Ancillary Justice</span>
    <img itemprop="image" src="http://example.com/images/cover-ancillary-justice.png" alt="Ancillary Justice"/></a>
    <meta itemprop="position" content="3" />
    </li>
    </ol>
    Breadcrumbs chẳng qua là một danh sách hiển thị ra cấu trúc đường dẫn của bài viết. Như hình dưới đây bạn có thể thấy Breadcrumbs của mình được thiết kế theo một cấu trúc đường dẫn rõ ràng. (từ SEO đó chính là thủ thuật SEO ở trên do mình đổi tên lại)

    Nếu website của bạn làm bằng wordpress bạn có thể sử dụng Plugin Breadcrumb NavXT để tạo Breadcrumbs cho website nhanh nhất.

    2. Tích hợp tích hợp cấu trúc schema website cho bài viết

    Mã:
    <div itemscope itemtype="http://schema.org/NewsArticle">
      <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://google.com/article"/>
    <h1 itemprop="headline">Article headline</h2>
    <p itemprop="author" itemscope itemtype="https://schema.org/Person"> By <span itemprop="name">John Doe</span>
    </p>
    <p itemprop="description">A most wonderful article</p>
    <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
    <img src="https://google.com/thumbnail1.jpg"/>
    <meta itemprop="url" content="https://google.com/thumbnail1.jpg">
    <meta itemprop="width" content="800">
    <meta itemprop="height" content="800">
    </div>
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
    <img src="https://google.com/logo.jpg"/>
    <meta itemprop="url" content="https://google.com/logo.jpg">
    <meta itemprop="width" content="600">
    <meta itemprop="height" content="60">
    </div>
    <meta itemprop="name" content="Google">
    </div>
    <meta itemprop="datePublished" content="2015-02-05T08:00:00+08:00"/>
    <meta itemprop="dateModified" content="2015-02-05T09:20:00+08:00"/>
    </div>
    Trong bài viết website cần có cấu trúc dữ liệu để được ưu tiên đánh chỉ mục trước, giúp boots google có thể dễ dàng tìm kiếm những thông tin quan trọng và dễ dàng đánh chỉ mục website của bạn. Tích hợp cấu trúc schema bài viết như tiêu đề, tác giả, mô tả, ảnh đại diện bài viết, chủ sở hữu, ngày đăng, ngày chỉnh sửa,

    3.Tích hợp dữ liệu có cấu trúc schema cho trang sản phẩm

    Mã:
    <div itemscope itemtype="http://schema.org/Product">
    <span itemprop="brand">Hãng TuanDX</span>
    <span itemprop="name">Tên sản phẩm</span>
    <img itemprop="image" src="https://tuandc.com/wp-content/uploads/2017/05/facebook-ads-768x480.jpg" alt="hình sản phẩm" />
    <span itemprop="description">đây là dòng mô tả sản phẩm.</span>
    Mã số #: <span itemprop="mpn">925872</span>
    <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <span itemprop="ratingValue">5.0</span> stars, based on <span itemprop="reviewCount">189</span> reviews</span>
    <span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    Giá: 119000 đ
    <meta itemprop="priceCurrency" content="VND" />
    <span itemprop="price">119000</span> đ
    (Kết thúc khuyến mãi <time itemprop="priceValidUntil" datetime="2017-06-06">06/06</time>)
    Available from: <span itemprop="seller" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Executive Objects</span>
    </span>
    Condition: <link itemprop="itemCondition" href="http://schema.org/UsedCondition"/>Previously owned,
    in excellent condition
    <link itemprop="availability" href="http://schema.org/InStock"/>In stock! Order now!</span>
    </div>
    Chú Ý: Để tích hợp dữ liệu này bạn cần cẩn thận và chính xác, đặc biệt là phần đánh giá, bạn có thể cho 4.4 sao, 5.0 sao, nhưng dường như nó vô nghĩa và khiến website không được đánh giá cao. Tốt nhất bạn nên hạn chế hoặc bỏ luôn phần này hoặc có những plugin cho người dùng đánh giá thì tốt hơn.

    4. SiteLinks hiển thị đẹp với cấu trúc schema

    Mã:
    <div itemscope itemtype="http://schema.org/WebSite">
    <meta itemprop="url" content="https://www.example.com/"/>
    <form itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
    <meta itemprop="target" content="https://query.example.com/search?q={search_term_string}"/>
    <input itemprop="query-input" type="text" name="search_term_string" required/>
    <input type="submit"/>
    </form>
    </div>
    Nếu bạn xây dựng một thương hiệu riêng điều này là rất cần thiết, khi người dùng gõ tên thương hiệu của bạn, có thể nó sẽ xuất hiện để người dùng tiếp tục tìm đến bài viết họ cần tìm. Điều này theo nhiều người thì nó sẽ làm mất đi một lượng onsite và chuyển đổi, tuy nhiên theo mình thì cái gì google đã đưa ra thì cái đó hoàn toàn tốt cho site của bạn.

    Với cách làm này mình nghĩ google sẽ không quá quan trọng việc onsite do chính google đã giúp người dùng thấy thông tin bổ ích trên website của bạn và đưa họ truy cập thẳng thay vì đi lòng vòng trong web.

    5. Tích hợp dữ liệu thay đổi domain website thành sitename

    Mã:
    <head itemscope itemtype="http://schema.org/WebSite">
    <meta itemprop='name' content="Your WebSite Name"/>
    <link rel="canonical" href="https://example.com/" itemprop="url">
    Đây là việc làm hết sức đơn giản nhưng nhiều website không quan tâm lắm. Thật ra nó chẳng ảnh hưởng gì đến thứ hạng của bạn trên google, nhưng có nó sẽ giúp kết quả tìm kiếm trên của bạn trông đẹp hơn và dễ dàng truyền tải thương hiệu của bạn

    6. Link mạng xã hội trên Google tìm kiếm

    Việc liên kết các kênh với nhau sẽ giúp cho người dùng dễ dàng tìm kiếm và tương tác với bạn. Khi hiển thị kết quả tìm kiếm của bạn trên google, bạn có muốn gắn thêm các liên kết mạng xã hội của mình như dưới đây không?

    Mã:
    <span itemscope itemtype="http://schema.org/Organization">
    <link itemprop="url" href="http://www.your-company-site.com">
    <a itemprop="sameAs" href="http://www.facebook.com/your-company">FB</a>
    <a itemprop="sameAs" href="http://www.twitter.com/YourCompany">Twitter</a>
    </span>
    Tóm lại:

    Đây là những vị trí tích hợp cấu trúc schema website mà bạn cần áp dụng ngay cho website của bạn, nếu bạn muốn đạt kết quả seo tốt nhất trên google, Chúc các bạn thực hiện tích hợp schema thành công.
     
Trả lời qua Facebook

Chia sẻ trang này