Các mẫu tiêu đề đẹp dùng cho web

Code

Css

 

Code

Css

 

Code

Css

Code

Css

MS 04 SÁNG TẠO SẮC VIỆT

Code

Css

MS 05 – SÁNG TẠO SẮC VIỆT 2017

Code

Css

THIẾT BỊ SỐ PHỤ KIỆN

THIẾT BỊ SỐ PHỤ KIỆN


THIẾT BỊ SỐ PHỤ KIỆN

THIẾT BỊ SỐ PHỤ KIỆN

THIẾT BỊ SỐ PHỤ KIỆN

THIẾT BỊ SỐ PHỤ KIỆN

Code

Css

 

Code Chống Click Chuột Trái, Chuột Phải Và View Source

Code này sẽ vô hiệu hóa tác dụng của phím Ctrl, có nghĩa là các tổ hợp phím có dùng phím ctrl trong đó sẽ bị vô hiệu hóa (Copy: Ctrl + C ; Viewsourse: Ctrl + U ; Save: Ctrl + S)

Đồng thời bạn cũng không thể di chuyển trang bằng các phím mũi tên lên và xuống.

Code chống click chuột trái

Mã:
<style>
body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

Code chống click chuột phải

Mã:
<script type="text/JavaScript">
var message="NoRightClicking"; function defeatIE() {if (document.all) {(message);return false;}} function defeatNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=defeatNS;} else{document.onmouseup=defeatNS;document.oncontextmenu=defeatIE;} document.oncontextmenu=new Function("return false")
</script>

Code chống Ctrl + U, chống viewsourse, chống F12

Mã:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'/> <script> checkCtrl=false $(&#39;*&#39;).keydown(function(e){ if(e.keyCode==&#39;17&#39;){ checkCtrl=false  } }).keyup(function(ev){ if(ev.keyCode==&#39;17&#39;){ checkCtrl=false } }).keydown(function(event){ if(checkCtrl){ if(event.keyCode==&#39;85&#39;){ return false; } } }) </script>

Nhớ phải thay thẻ <body> thành <body onkeydown= “return false” >

Khắc phục lỗi google mất index bài viết

Một ngày đẹp trời, khi vô tình kiểm tra vị trí từ khóa của mình trên google. Và bạn thật sự bất ngờ khi từ khóa bị rớt top, website bị giảm traffic đáng kể hoặc tồi tệ hơn nữa đó là google mất index bài viết của bạn hoàn toàn .

Đừng vội mất lo lắng, hãy bình tĩnh để tìm ra đâu là nguyên nhân dẫn đến google mất index bài viết.

Dưới đây là một số nguyên nhân phổ biến dẫn đến google mất index bài viết của bạn và cách khắc phục

1.Google Panda:

Google Panda là tên của một thuật toán Google, nhằm thay đổi kết quả tìm kiếm các Website trên trang công cụ tìm kiếm.

– Nguyên nhân dẫn đến Google Panda có thể là do những liên kết trang có nội dung không liên quan đến đích trang hoặc trang có chất lượng nội dung thấp, bài viết đi copy từ nơi khác quá nhiều… trong đó nguyên nhân dẫn đến Google Panda chủ yếu là do bài viết mà bạn đem đi SEO bị trùng lặp nội dung với một trang website nào đó mà Google đã index bài viết đó rồi.

Khi bị Google Panda, khiến cho traffic của trang web giảm nhanh và đột ngột, có thể giảm đến 95% lưu lượng truy cập.

– Cách khắc phục khi google mất index bài viết nguyên nhân do panda: Chặn bọ trên file robot.txt và Seo onpage lại từ đầu, nếu xác định hay một hoặc một số bài viết bị lỗi Panda có thể chỉ cần chặn các bài viết này trên file robot.txt.

Google mất index bài viết lỗi thường gặp và cách khắc phục

images-1-2

 

2.Google Sanbox: Là một sự trừng phạt của Google nhằm hạn chế thứ hạng của những webpage không tốt.

Nói một cách khác google Sandbox là một bộ lọc của Google để chặn những trang web có nội dung cũng như nguồn backlink không tin tưởng.

Dấu hiệu của Google Sandbox là những webpage của bạn đang có thứ hạng cao bỗng dưng rớt thậm tệ.

Một số webpage đóng vai trò quan trọng đối với trang web, nên khi google bị mất index, trang web của bạn cũng sẽ bị tụt hạng đột ngột.

3.Google Penalty: Là một hình phạt nặng nề nhất của Google dành cho một web SEO quá mức, thông thường bạn sẽ thấy website không còn xuất hiện trong bộ máy tìm kiếm, google mất index bài viết và traffic giảm đột ngột.

Cách khắc phục Penalty một lỗi nặng dẫn đến google mất index bài viết

images-3

 

Bạn không cần phải quá hoảng hốt khi website của bạn có khả năng phải chấm dứt và vứt bỏ hoàn toàn. Hiện tại đã có cách để khắc phục Google penalty và giúp website của bạn quay trở lại mà google không bị mất index. Chắc chắn công việc sẽ khó khăn nhưng về lâu dài việc khắc phục lỗi để website của bạn trở lại vị trí ban đầu sẽ tốt hơn là việc bắt đầu lại từ đầu với domain thương hiệu hoàn toàn mới.

Bạn có thể khắc phục penalty nhờ biện pháp tạm thời sau.

Bước 1: Tạo một subdomain mới và chuyển tất cả dữ liệu của website đang bị penalty sang subdomain này, sau đó dùng thêm chuyển hướng 301 trên file .htaccess nhé.

Bước 2: Sau khoảng 2 đến 4 tháng domain chính hết penalty, thì bạn có thể chuyển subdomain quay trở lại domain chính.

Trên đây là các nguyên nhân có thể khiến trang website của bạn bị giảm lưu lượng truy cập đột ngột hoặc google mất index bài viết. Hy vọng bài viết của chúng tôi, sẽ giúp các bạn hiểu và có phương hướng cũng như cách khắc phục hiện tượng giảm traffic đột ngột và mất index bài viết.

Hướng dẫn thêm thẻ h1 vào homepage cho website

Hướng dẫn thêm thẻ h1 vào homepage cho WordPress: Mỗi trang hoặc bài đăng có thể có nhiều đề mục. Thẻ HTML thường được sử dụng cho tiêu đề của trang hoặc bài đăng và nó là tiêu đề đầu tiên hiển thị trên một trang. Định dạng của một h1 thường khác với phần còn lại của các thẻ tiêu đề được tìm thấy trên một trang (h2, h3, h4).

Thẻ HTML <h1> là thẻ tiêu đề đầu tiên hiển thị trên một trang. Nó được sử dụng cho tiêu đề của một trang hoặc bài đăng. Khi được xem trong mã HTML, giá trị H1 được đặt trong các thẻ <h1></h1>. Trong bài viết này mình sẽ giúp bạn và hướng dẫn thêm thẻ h1 vào homepage cho WordPress.

Hướng dẫn thêm thẻ h1 vào homepage cho WordPress

Hướng dẫn thêm thẻ h1 vào homepage cho WordPress

Cách dễ dàng hơn để hiểu việc sử dụng thẻ H1 là tưởng tượng rằng bạn đang viết dàn ý của một tài liệu lớn. Tiêu đề chính của tài liệu sẽ là H1 của bạn, tiêu đề chính của bạn H2 là và phụ là H3.

1. Thêm thẻ H1 vào trang chủ wordpress

Các bạn chỉ dùng 1 trong 2 code sau để chèn thẻ h1 trong wordpress homepage thôi nhé!

– Tìm file functions.php và chèn đoạn code này: 
add_action( 'wp_head', function() {
    if ( ! is_home() ) {
        return;
    }
    ?>
        <div id="theh1"><h1>Blog thủ thuật máy tính </h1></div>
    <?php
} );
– Hoặc tìm tệp header.php và chèn đoạn mã này vào sau thẻ mở <body>
<?php if( is_home() || is_front_page() ) : ?>
  <div id="theh1"><h1>Blog thủ thuật máy tính</h1></div>
<?php endif; ?>

Nếu các bạn muốn ẩn thẻ này ngoài trang chủ thì chỉ cần dùng css bên dưới và ẩn nó và lưu lại xem kết quả.

#theh1 {
    display: none;
}

2. Thêm thẻ H1 vào một bài viết

Để chèn H1 vào trong nội dung một bài viết của wordpress thì rất dễ dàng. Bạn chỉ cần thêm thẻ h1 trong wordpress với trình soạn thảo văn bản nào mà bạn đang sử dụng.

3. Tự động thêm Thẻ H1 vào chuyên mục và tag trên Blog

Code chèn vào function.php

function hidden_term_name_action() {

    if( is_category() || is_tag() ){

        $term_id = get_queried_object_id();
        $term = get_term($term_id);
        if($term){
            echo sprintf('<h1 style="display:none;">%s</h1>', esc_attr($term->name));
        }
    }
}
add_action('hidden_term_name', 'hidden_term_name_action');

Để hoàn thành, chèn tiếp code phía dưới vào tệp tin header.php

<?php do_action('hidden_term_name'); ?>

Hy vọng với hướng dẫn thêm thẻ h1 vào homepage cho WordPress mà mình đã chia sẻ sẽ có ích với bạn. Chúc bạn thành công.

Thiết kế website đặt hàng Trung Quốc

Tổng quan về dịch vụ đặt hàng Trung Quốc

Nhu cầu mua bán hiện nay tại Việt Nam càng ngày càng tăng cao, tuy nhiên lượng hàng trong nước không đủ cung cấp cũng như mẫu mã không đa dạng dẫn đến người mua hàng phải tìm kiếm những hàng hóa tại các nước khác mà mạnh nhất bây giờ đó chính là Trung Quốc.

Không thể phủ nhận Trung Quốc chính là nơi có nhiều loại hàng hóa nhất, từ đắt đến rẻ, từ cao cấp đến bình dân, từ chính hãng đến hàng nhái tất cả đều có ở đây và chính vì lý do đó mà dân buôn trong nước lại đổ xô đi nhập hàng Trung Quốc về bán. Tuy nhiên có thuật lợi thì cũng có những bất lợi nhất định.

Ngôn ngữ chính là trở ngại đầu tiên khi phải mua hàng tại Trung Quốc vì đây là một ngôn ngữ khó học và không hề phổ biến tại Việt Nam dẫn đến quá trình mua hàng tại Trung Quốc gặp khó khăn.

Quy trình ship hàng. Các bạn quá hiểu về mức độ rườm ra khi dân Việt Nam mua hàng từ nước ngoài, từ thuê má, hải quan, nhập hàng….. bạn chỉ có thể mua hàng nhanh chóng khi nắm rõ những thủ tục trên và nếu bạn không biết gì thì phải trả một khoảng phí khá cao cũng như thời gian có hàng cũng lâu hơn rất nhiều.

Đây là những khó khăn cơ bản mà người mua thường gặp khi đặt hàng Trung Quốc. Chính vì vậy mà hiện nay có những dịch vụ mua hàng hộ từ những nhà kinh doanh Trung Quốc lớn như Alibaba, 1688, Taobao về Việt Nam một cách nhanh chóng và thuận lợi.

Những chức năng cơ bản làm nên mảng thiết kế website đặt hàng Trung Quốc đó là;

  • Đặt hàng bằng extension: Khách hàng sẽ dễ dàng tạo tài khoản và xác minh tài khoản đó bằng số điện thoại. Và truy cập vào những trang mua hàng tại Trung Quốc như Taobao, 1688, tmall để mua hàng.
  • Tính năng đặt hàng bằng pastlink: Đây là chức năng rất hữu ích. khi bạn đã có tải khoản trên website mua hàng hộ sau đó bạn vào trang mua hàng tịa Trung Quốc và chọn sản phẩm, bạn lấy link sản phẩm đó và paste nó vào website mua hàng hộ sau đó đơn hàng sẽ update trong giỏ hàng của mình. Chức năng này rất hữu ích cho những ai mua hàng bằng điện thoại di động.
  • Sử dụng bằng tiếng Việt: Hệ thống sẽ phiên dịch ra tiếng Việt giúp các bạn dễ dàng sử dụng.
  • Ví điện tử:  đây là chức năng giúp khách hàng dễ dàng đặt cọc tiền và thanh qoán trong quá trình mua hàng của mình.
  • Tính năng quản lý kho thông minh: Bằng cách sử dụng việc quản lý theo bao lớn và bao nhỏ nên tránh tình trạng thất lạc hàng hóa và nhầm lẫn giữa các đơn hàng với nhau.
  • Quản lý vận chuyển hàng: Sản phẩm website mua hàng hộ của chúng tôi có tích hợp thêm tính năng quảng lý vận chuyển cho những công ty doanh nghiệp cung cấp dịch vụ vận chuyển hàng hộ.
  • Tính năng yêu cầu thanh toán tiền tệ: Nạp tiền Việt, nhận refund bằng tiền tệ là một chức năng vô cùng haonf hảo do chúng tôi lập ra.
  • Quản lý nhân viên kinh doanh (salers): Ngoài những chức năng quản lý nhân viên cơ bản thì webapp này còn có chức năng tính tiền hoa hồng cho nhân viên mỗi khi họ giới thiệu khách hàng cho công ty.
  • Tỉ giá linh động: Tỉ giá được cấu hình linh động bởi addmin website.
  • Hệ thống phân cấp thành viên: Mỗi khách hàng sẽ có mỗi cấp bậc khách nhau ứng với những ưu đái dành cho họ khác nhau phụ thuộc vào toognr tiền họ đã giao dịch trên website.
  • Hệ thống báo cáo doanh thu kinh doanh:Chỉ cần bạn nhất một nút phần mềm sẽ xuất ra cho bạn những báo cáo cụ thể và cần thiết để bạn anwms rõ được tình hình kinh doanh của công ty.
  • Chuẩn SEO: Cũng như một website bình thường website đặt hàng Trung Quốc cũng được thiết kế chuẩn SEO giúp tăng thứ hạng từ khóa trên Google một cách nhanh chóng mà không cần thiết phải sử dụn đến dịch vụ seo.
  • Chuẩn di động: Khách hàng của bạn  có thể truy cập website đặt hàng Trung Quốc ở mọi thiết bị di động hiện nay như điện thoai, máy tính bảng và những thiết bị có trình duyệt và kết nối internet.

Như các bạn thấy thì dịch vụ đặt hàng Trung Quốc của chúng tôi rất phù hợp cho những nhà kinh doanh tài giỏi nắm rõ được quy trình vận chuyển hàng hóa từ Trung Quốc về Việt Nam. Và đây cũng là một mảng đầy lợi nhuận trong khi vẫn còn ít đối thủ cạnh tranyh trên thị trường.

Schema là gì? tất cả những điều cần biết

Schema hay Schema.org, Schema Markup là một đoạn code html hoặc code khai báo java script dùng để đánh dấu dữ liệu có cấu trúc (structured data)Schema được tạo ra với sự hợp tác của 4 công cụ tìm kiếm nổi tiếng hiện nay là Google, Bing, Yandex và Yahoo. Cùng Mắt Bão tìm hiểu về công dụng của Schema là gì nhé!

Schema là ngôn ngữ dùng để đánh dấu dữ liệu có cấu trúc
Schema là ngôn ngữ dùng để đánh dấu dữ liệu có cấu trúc

Schema được gắn vào website để giúp công cụ tìm kiếm dễ dàng nhận biết, phân loại và trả về kết quả nhanh chóng, chính xác hơn. Nếu không có Schema thì một website sẽ chỉ bao gồm các thông tin không có ngữ cảnh.

Schema có tác dụng gì?

Schema giúp công cụ tìm kiếm hiểu và phân loại website chính xác hơn
Schema giúp công cụ tìm kiếm hiểu và phân loại website chính xác hơn

Chúng ta có thể xem xét công dụng của Schema qua 2 phương diện: đối với bộ máy tìm kiếm và đối với người dùng.

Bộ máy tìm kiếm

Hiện nay, trên thế giới có hơn 1.94 tỷ website đang hoạt động. Nếu người dùng có thể hiểu được nội dung của những website này thì với search engine lại không hề đơn giản như vậy. Có rất nhiều từ ngữ phức tạp mà công cụ tìm kiếm không thể giải thích được.

Ví dụ với chuỗi ký tự “Moonlight”, nó có thể đang đề cập đến ánh trăng hoặc tên một bộ phim. Tùy theo ngữ cảnh mà từ “Moonlight” sẽ mang một ý nghĩa khác. Điều này sẽ gây cản trở cho công cụ tìm kiếm khi phải hiển thị các kết quả liên quan cho người dùng.

Do đó, để search engine hiểu và phân loại thông tin chính xác hơn, ta cần sắp xếp, hướng dẫn nó theo các cú pháp sẵn có. Và Schema chính là nơi cung cấp những dữ liệu cụ thể để search engine hiểu được các website đang viết nội dung thuộc thể loại nào, chủ đề gì.

Người dùng

Schema sẽ giúp website của bạn trở nên thu hút và cung cấp nhiều thông tin hữu ích hơn. Ví dụ, khi người dùng muốn tham gia một sự kiện nào đó, Schema giúp hiển thị các website có thông tin liên quan đến địa điểm, ngày diễn ra sự kiện…, từ đó, làm tăng tỷ lệ truy cập website. Hiện nay, có nhiều loại Schema tương ứng với các cách hiển thị website khác nhau trong kết quả tìm kiếm.

Hướng dẫn kiểm tra Schema Markup 

Giao diện công cụ kiểm tra dữ liệu có cấu trúc của Google
Giao diện công cụ kiểm tra dữ liệu có cấu trúc của Google

Để biết được website có Schema Markup hay chưa và dữ liệu cấu trúc của bạn đang gặp phải những vấn đề gì, cách đơn giản nhất là sử dụng công cụ kiểm tra dữ liệu có cấu trúc của Google theo các bước sau:

  • Bước 1: Truy cập vào trang công cụ của Google. Sau đó, nhập link mà bạn muốn kiểm tra vào mục “Tìm nạp URL” và click “Chạy thử nghiệm”.
  • Bước 2: Chờ quá trình nạp và phân tích hoàn tất. Tiếp đó, hệ thống sẽ trả về thông tin các loại dữ liệu có cấu trúc trong URL của bạn. Các dữ liệu càng nhiều thì chứng tỏ site của bạn được cấu trúc tốt và công cụ tìm kiếm càng dễ hiểu được nội dung.

Ngoài ra, cần lưu ý mục “Lỗi” và “Cảnh báo” phía bên phải. Nếu xuất hiện lỗi hoặc cảnh báo, hãy click vào từng mục để tìm vấn đề và xử lý.

Hệ thống trả về thông tin các loại dữ liệu có cấu trúc trong URL
Hệ thống trả về thông tin các loại dữ liệu có cấu trúc trong URL

Một số loại Schema phổ biến

Công thức (Recipes) là một schema phổ biến
Công thức (Recipes) là một schema phổ biến

Hiện nay, có rất nhiều loại schema khác nhau để hỗ trợ website. Trong đó, một vài dạng schema phổ biến có thể kế đến như:

  • Tổ chức (Organization): Hiển thị các thông tin liên quan đến tổ chức đang sở hữu website như tên, địa chỉ, số điện thoại, URL website…
  • Sự kiện (Event): Hiển thị các thông tin quan trọng của sự kiện như tên sự kiện, thời gian, địa điểm…
  • Sản phẩm (Product): Hiển thị các thông tin sản phẩm như tên sản phẩm, giá tiền, xếp hạng…
  • Đánh giá (Review): Hiển thị các thông tin đánh giá, xếp hạng cho một sản phẩm bất kỳ. Loại Schema này thường sẽ thích hợp với các trang blog marketing hoặc affiliate.
  • Công thức (Recipes): Hiển thị các thông tin quan trọng của một bài blog chuyên đề ẩm thực như tên món ăn, thời gian hoàn thành, lượng calories, đánh giá…

Hướng dẫn cài đặt Schema cho WordPress

Cách đơn giản nhất để thêm Schema vào website là dùng Schema Plugin. Plugin này có thể hỗ trợ cho cả những Schema cũ.

Để cài đặt Schema Plugin, bạn cần làm theo những bước sau:

  • Bước 1: Tại giao diện admin của WordPress, chọn mục Plugins -> Add New. Sau đó gõ từ khóa “Schema” trong ô tìm kiếm.
  • Bước 2: Sau khi tìm được Schema Plugin, click vào nút “Install now” để cài đặt.
Cài đặt Schema Plugin bằng cách click vào nút “Install now”
Cài đặt Schema Plugin bằng cách click vào nút “Install now”
  • Bước 3: Sau khi đã kích hoạt plugin thành công, di chuyển đến mục Schema -> Settings để bắt đầu cấu hình
  • Bước 4: Trong trường General, điền các thông tin cơ bản của trang như About Page, Contact Page và upload logo cho website

Ngoài ra, bạn cũng cần điền các trường content, knowledge graphsearch result để kết quả tìm kiếm được tối ưu hơn.

Điền các trường thông tin để tối ưu kết quả tìm kiếm
Điền các trường thông tin để tối ưu kết quả tìm kiếm
  • Bước 5: Chuyển đến mục Schema đến Types để chỉ định loại schema nào sẽ được thêm vào
Chỉ định loại Schema được thêm vào
Chỉ định loại Schema được thêm vào

Hướng dẫn cài đặt Schema cho website thủ công

JSON-LD là phương pháp cài đặt Schema được Google khuyến nghị sử dụng
JSON-LD là phương pháp cài đặt Schema được Google khuyến nghị sử dụng

Ngoài cách sử dụng plugin của WordPress, bạn cũng có thể thêm Schema vào website một cách thủ công. Dù đòi hỏi nhiều thao tác về code, phương pháp này có ưu điểm là bạn có thể chọn bất kỳ loại Schema nào cho từng trang và bài post.

Đoạn mã HTML gốc cho trang chủ về nhà hàng của chúng ta có dạng sau:

<div>

<h1>My Restaurant</h1>

<h2>The best dishes all over the world!</h2>

<p>Address:</p> <p>123 abc</p> <p>Ho Chi Minh City, VN</p>

<p>Tel: 0123 456 789</p>

<p><a href=”http://www.myrestaurant.com/menu”>Click here to see our dishes!</a></p>

<p>We’re open:</p> <p>Mo-Sa 09:00-22:30</p>

<p>Su 09:00-23:00</p>

</div>

Sau đây chúng ta sẽ đánh dấu thuộc tính Schema Markup cho nhà hàng trên theo 3 cách sau:

  • JSON-LD
  • RDFa
  • Microdata.

Sử dụng JSON-LD

JSON-LD Schema Markup là gì?

Trong các cách thì JSON-LD là phương pháp cài đặt Schema hiệu quả hàng đầu được khuyên dùng bởi chính Google. JSON-LD được thực hiện dựa trên Javacript. Bạn sẽ tự thêm Schema vào website bằng các đoạn script nên dễ dàng để tìm đọc và debug lỗi hơn.

Một đoạn mã JSON-LD nhìn chung sẽ có dạng như sau:

<script type=”application/ld+json”>

{

code goes here

}

</script>

Ưu điểm khi sử dụng JSON-LD với Schema.org markup là nó giới hạn phần lớn mã liên quan ở phần tiêu đề trang, bố trí các thẻ khác ở ngoài phần nội dung chính và giúp cho việc đọc mã rõ ràng và dễ hơn.

Hướng dẫn thêm Schema Markup bằng JSON-LD

Bước 1: Khai báo định dạng

Chú thích JSON-LD có được cung cấp bên trong một khối script (<script></script>). Để bắt đầu, chúng ta sẽ nhập dòng này để cho thấy chúng ta đang sử dụng định dạng JSON-LD:

<script type=”application/ld+json”>
Bước 2: Thêm Object Structure

Nên đặt mã JSON-LD của bạn bên trong dấu ngoặc nhọn nếu không công cụ tìm kiếm sẽ không phân tách dữ liệu được hoặc không áp dụng được với trang. Trong JavaScript được gọi là một object structure. Do đó, nhìn chung đoạn mã của bạn có dạng như sau:

<script type=”application/ld+json”>

{

code goes here

}

</script>
Bước 3: Sử dụng context để xác định kho dữ liệu đang được liên kết đến

Trong trường hợp của chúng ta là Schema.org. Vì vậy, cần thêm một dấu phẩy ở cuối mỗi dòng mã.

@context”: http://schema.org”,
Bước 4: Xác định loại nội dung cần đánh dấu

Thuộc tính này tương đương với thuộc tính itemtype trên Microdata, hay thuộc tính typeof trên RDFa.

Chúng ta sẽ sử dụng một website đơn giản nói về nhà hàng làm ví dụ. Như vậy loại nội dung của chúng ta sẽ là “Restaurant”:

@type”: Restaurant”,

Ưu điểm của JSON-LD là nó cho phép bạn xác định các thành phần. Và không nhất thiên cần phải xuất hiện trên trang.

name”: My Restaurant”,

description”: The best dishes all over the world!”,

Bây giờ chúng ta cần xác định địa chỉ cho nhà hàng, như sau:

address”: {

    @type”: PostalAddress”,

    addressLocality”: Ho Chi Minh City, VN”,

    streetAddress”: 123 abc

  },

Tiếp theo, chúng ta sẽ đưa vào giờ mở cửa.

  openingHours”: [

    Mo-Sa 09:00-22:30”,

    Su 09:00-23:00

  ],

Cuối cùng, chúng ta sẽ thêm số điện thoại và URL menu. Cả hai đều khá đơn giản trừ việc số điện thoại cần được viết dưới dạng chuỗi các số liên tục và có mã khu vực như sau:

  telephone”: “+84123456789”,

  menu”: http://www.myrestaurant.com/menu”

Schema Markup trên JSON-LD hoàn chỉnh

Mã đánh dấu hoàn chỉnh sẽ có dạng như sau:

<script type=”application/ld+json”>

{

  @context”: http://schema.org”,

  @type”: Restaurant”,

  name”: My Restaurant”,

  description”: The best dishes all over the world!”,

  address”: {

    @type”: PostalAddress”,

    addressLocality”: Ho Chi Minh City, VN”,

    streetAddress”: 123 abc

  },

  openingHours”: [

    Mo-Sa 09:00-22:30”,

    Su 09:00-23:00

  ],

  telephone”: “+84123456789”,

  menu”: http://www.myrestaurant.com/menu”

}

</script>

Sử dụng RDFa

RDFa Schema markup là gì?

RDFa viết tắt của từ Resource Description Framework in Attributes là một đuôi mở rộng (extension) của mã HTML5 được thiết kế để giúp bạn đánh dấu dữ liệu có cấu trúc. Đây là một W3C Recommendation và nó có thể dùng để kết hợp nhiều dữ liệu có cấu trúc khác nhau. Nếu bạn muốn thêm dữ liệu có cấu trúc trong trường hợp Schema.org không đủ đáp ứng.

Hướng dẫn thêm Schema markup bằng RDFa

Bước 1: Khai báo Schema Markup

Chúng ta cần xác định rằng dữ liệu chúng ta đang sử dụng là Schema.org. Và website này nói về một nhà hàng. Các ví dụ ở dưới cùng sẽ chỉ cho bạn biết cách thực hiện. Chỉ cần click vào thẻ RDFa để xem các ví dụ về định dạng RDFa.

Chúng ta cần sử dụng thẻ vocab cùng URL http://schema.org/ để xác định dữ liệu cho đánh dấu của mình. Loại trang được xác định bởi thẻ typeof; khác với Microdata. Các loại trang được chỉ thể hiện bằng một hay hai dữ liệu thay vì các URL.

<div vocab=”http://schema.org/” typeof=”Restaurant”>
Bước 2: Xác định thuộc tính

Bây giờ chúng ta cần xác định các thành phần này dưới dạng các thuộc tính, sử dụng thuộc tính property. Chúng ta sẽ đánh dấu tên nhà hàng bằng thẻ name, như sau:

<h1 property=”name”>My Restaurant</h1>

Thuộc tính typeof cũng có thể được dùng khi bạn cần xác định thêm một thuộc tính khác. Ví dụ, bạn có thể xác định thêm thuộc tính address bằng loại thông tin PostalAddress, như sau:

<div property=”address” typeof=”PostalAddress”>

Typeof gần như tương đương với itemtype trong Microdata. Còn property tương đương với thuộc tính itemprop. Đối với trang chủ nhà hàng của chúng ta, chúng ta sẽ đánh dấu phần còn lại của trang như sau:

<h2 property=”description”>The best dishes all over the world!</h2>

<p>Address:</p>

<div property=”address” typeof=”PostalAddress”>

<p property=”streetAddress”>123 abc</p>

<p property=”addressLocality”>Ho Chi Minh City, VN</p>

</div>

<p>Tel: <span property=”telephone”>0123 456 789</span></p>

<p><a property=”menu” href=”http://www.myrestaurant.com/menu”>Click here to see our dishes!</a></p>

<p>We’re open:</p>

<p property=”openingHours”>Mo-Sa 09:00-22:30</p>

<p property=”openingHours”>Su 09:00-23:00</p>

</div>

Sử dụng Microdata

Microdata Schema Markup là gì?

Microdata là một tập hợp các thẻ HTML5 và là một giải pháp đơn giản hơn để giải thích các thành phần HTML bằng các thẻ mà công cụ tìm kiếm có thể đọc được.

Microdata là một mã đánh dấu tương đối dễ sử dụng và phù hợp với người mới. Nhược điểm là bạn phải đánh dấu từng mục riêng lẻ trong phần nội dung chính của trang web. Khi đánh dấu Schema markup bằng Microdata sẽ rất mất công so với việc đánh dấu bằng JSON-LD.

Hướng dẫn thêm Schema Markup bằng Microdata

Sử dụng tương tự ví dụ nhà hàng phía trên. Sau đây là những bước thêm Schema Markup bằng Microdata;

Bước 1: Khai báo Schema Markup

Đầu tiên, bạn cần xác định phần nào của trang web nói về nhà hàng đó. Đó là tất cả những thứ nằm giữa hai thẻ <div>. Vì vậy, ta thêm “itemscope” vào thẻ <div>:

<div itemscope>

Khi thêm thẻ itemscope, chúng ta xác định rằng mã HTML có trong khối <div>…</div> nói đến một nội dung cụ thể. Tiếp theo chúng ta cần sử dụng thuộc tính itemtype để xác định loại nội dung của nhà hàng.

<div itemscope itemtype=”http://schema.org/restaurant”>
Bước 2: Khai báo thuộc tính

Tiếp theo chúng ta cần đánh dấu phần nào của trang web sẽ có tên nhà hàng. Phần nằm giữa thẻ <h1> của chúng ta. Thẻ này được gọi là một thẻ itemprop, như bạn có thể đoán, để dán nhãn các đặc tính của một nội dung.

<h1 itemprop=”name”>My Restaurant</h1>

Chúng ta có thể tiếp tục và đánh dấu phần còn lại của trang theo cách này.

<h2 itemprop=”description”>The best dishes all over the world!</h2>

<p>Address:</p>

<span itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>

<p itemprop=”streetAddress”>123 abc</p>

<p itemprop=”addressLocality”>Ho Chi Minh City, VN</p></span>

<p>Tel: <span itemprop=”telephone”>0123 456 789</span></p>

<p><a itemprop=”menu” href=”http://www.myrestaurant.com/menu”>Click here to view see our dishes!</a></p>

<p>We’re open:</p>

<p itemprop=”openingHours”>Mo-Sa 09:00 – 22:30</p>

<p itemprop=”openingHours”>Su: 09:00 – 23:00</p>

</div>

Trên đây là những thông tin chi tiết về Schema, vai trò và cách cài đặt nó trên website. Hy vọng bài viết đã đem lại những kiến thức bổ ích cho quá trình SEO. Chúc bạn thành công!

DỊCH VỤ QUẢN TRỊ NỘI DUNG WEBSITE

Quản trị website là công việc mà công ty, tổ chức, cá nhân phải làm website nhằm hoàn thiện về mặt nội dung sau khi đơn vị thiết kế website hoàn thành việc xây dựng website.

Quản trị website bao gồm:

  • Xây dựng nội dung website: sau khi đơn vị thiết kế website bàn giao cho khách hàng, dữ liệu trên website thường là dữ liệu mang tính chất demo. Vì vậy, người quản trị website phải xây dựng đầy đủ nội dung cho website.
  • Cập nhật nội dung cho website một cách thường xuyên: website sống là website được cập nhật nội dung thường xuyên. Hơn nữa, việc thường xuyên cập nhật nội dung cho website sẽ giúp website được đánh giá cao hơn, hấp dẫn người xem hơn. Từ đó sẽ có nhiều đối tác/ khách hàng hơn.
  • Tối ưu website:  tác động mã nguồn và nội dung website nhằm tăng thứ hạng trên các công cụ tìm kiếm: Google, Yahoo…và giúp website chạy nhanh hơn.
  • Quảng bá website: đây cũng là một phần công việc của một quản trị website. Người quản trị có thể quảng bá thông qua: diễn đàn/ site rao vặt, nick yahoo, email…

Tại sao phải quản trị website?

Website chính là ngôi nhà mở của bạn trên Internet. Và bạn mong muốn có nhiều vị khách sẽ ghé thăm ngôi nhà của mình. Để thu hút được mọi người ghé thăm website của bạn, ngoài việc có 1 giao diện đẹp, bắt mắt, phù hợp với nội dung thì website của bạn cần thường xuyên cập nhật, cung cấp những thông tin hữu ích tới mọi người. Từ đó bạn có thể có thêm nhiều vị khách mới cũng như có những vị khách thường xuyên ghé thăm.

Hiện nay, những website có nội dung chất lượng, cập nhật thường xuyên được bộ máy tìm kiếm Google đánh giá rất cao. Việc thường xuyên cập nhật, tối ưu hoá bài viết sẽ giúp cho website của bạn tăng thứ hạng nhanh hơn, đồng thời tăng độ tin tướng đối với mọi người và sẽ giúp cho bạn có thể thu hút được nhiều lượt ghé thăm trong đó có cả các khác hàng tiềm năng của các bạn.

Vì sao nên lựa chọn chúng tôi giúp bạn quản trị website?

Thiên Vân là đơn vị thiết kế website chuyên nghiệp, có nhiều năm kinh nghiệm, vậy nên chúng tôi hiểu rõ cần làm gì, phải làm gì nhằm tối ưu hoá website từ mã nguồn đến nội dung. Ngoài ra, chúng tôi có đội ngũ chuyên viên quản trị website chuyên nghiệp, nhiệt tình, giàu kinh nghiệm sẽ là sự lựa chọn hoàn hảo cho quý khách hàng.
 – Chúng tôi là những người tạo ra website này cũng am hiểu thông thuộc về nó nhất nên việc quản trị trở nên nhanh chóng và thuận tiện, chính xác cả về kỹ thuật chuyên môn

Dịch vụ biên tập và quản trị website của chúng tôi được chia thành 4 gói, phù hợp với quy mô các doanh nghiệp:

BÁO GIÁ DỊCH VỤ QUẢN TRỊ WEBSITE
Báo giá các dịch vụ theo Gói Gói 1 Gói 2 Gói 3 Gói 4
(Mệnh giá VNĐ/tháng) 1.300.000 2.500.000 4.800.000 8.000.000
1. Quản trị nội dung website
Kiểm tra hoạt động hằng ngày của website
Cập nhật nội dung do doanh nghiệp cung cấp (thay đổi thông tin giới thiệu, liên hệ, chính sách… của doanh nghiệp) 5 lần/tháng 10 lần/tháng 25 lần/tháng 50 lần/tháng
Khách hàng cung cấp nội dung dưới dạng văn bản và hình ảnh hoặc cung cấp nguồn để chúng tôi lấy nội dung 10 bài viết/  tháng 20 bài viết/ tháng 50 bài viết/ tháng 100 bài viết/ tháng
Thiết kế cập nhật banner (Một banner không được phép chỉnh sửa quá 3 lần) 1 banner/tháng 2 banner/tháng 5 banner/tháng 8 banner/ tháng
Xử lí nội dung khách hàng cung cấp: Font chữ hiển thị tốt trên web, canh chỉnh, tô đậm, bôi màu x
2. Quản trị kỹ thuật website
Quản trị, bảo trì, vận hành và xử lý các sự cố phát sinh liên quan đến website x
Sao lưu dữ liệu trên website, phục hồi dữ liệu mới nhất khi có sự cố 1 tháng/ lần 2 tuần/ lần 1 tuần/ lần 2 ngày/ lần
Quản trị máy chủ, hosting x
Hỗ trợ quét và phát hiện các shell, script spam, virus (nếu sử dụng dịch vụ hosting, server tại Thiên Vân) x x
Xử lý các vấn đề liên quan đến hosting, tên miền. (Nếu website chạy ở Datacenter nơi khác, Thiên Vân chỉ có trách nhiệm tiếp nhận và thông báo sự cố cho khách hàng để khách hàng thông báo cho nơi đặt website xử lý) x
Nhắc nhở gia hạn dịch vụ tên miền, hosting hàng năm để website tránh bị gián đoạn do hết hạn x
3. Tối ưu SEO cho website (Chỉ dành cho khách thiết kế web tại Thiên Vân) x
Tạo file robots.txt
Cài đặt Phân tích lượng truy cập Google Analytics x
Đăng ký thông tin doanh nghiệp trên Google Maps x x
Khởi tạo chỉnh sửa sitemap.xml x x
Phân tích nội dung trùng lặp x x
Tối ưu các thẻ meta robot x x
Thiết lập trang lỗi 404 x x
Tối ưu hóa hình ảnh website chuẩn seo x x
4. Tính năng mở rộng
Tạo email theo tên miền chuyên nghiệp x x
Gắn thương hiệu vào hình ảnh x x 50 ảnh/tháng 100 ảnh/ tháng
Quản lý học viên, xét duyệt khóa học 3 ngày 1 lần/ 10 học viên 1 ngày 1 lần/20 học viên 1 ngày 2 lần/50 học viên. Liên tục khi có yêu cầu, không giới hạn học viên
Hỗ trợ kỹ thuật cho học viên, đăng ký tài khoản x x
Hợp đồng tối thiểu 6 tháng 6 tháng 03 tháng 03 tháng

Tuyển nhân viên kế toán tổng hợp

1. Giới thiệu chung

Kế toán tổng hợp là việc ghi chép, phản ánh một cách tổng quát trên các tài khoản, sổ kế toán và các báo cáo tài chính theo các chỉ tiêu giá trị của doanh nghiệp.

2. Mô tả công việc

  • Theo dõi và quản lý công nợ toàn Công ty.
  • Xác định, đề xuất lập dự phòng và xử lý những trường hợp công nợ phải thu khó đòi toàn Công ty
  • Kiểm tra, đối chiếu số liệu các phòng ban, bộ phận, các định khoản phát sinh và cân đối số liệu kế toán chi tiết và tổng hợp
  • Hạch toán các nghiệp vụ kế toán, lập quyết toán
  • Lập các báo cáo tài chính định kỳ theo quý, 6 tháng, năm và các báo cáo giải trình chi tiết
  • Giải trình các số liệu báo cáo và cung cấp hồ sơ, số liệu cho cơ quan thuế, kiểm toán, thanh tra kiểm tra theo yêu cầu
  • Thống kê và tổng hợp số liệu kế toán khi có yêu cầu
  • Tập hợp, lưu trữ, bảo quản chứng từ, bảo mật số liệu kế toán
  • Chi tiết công việc sẽ được trao đổi cụ thể hơn trong buổi phỏng vấn

3. Yêu cầu công việc

  • Trình độ: tốt nghiệp Đại học chuyên ngành Kế toán – Tài chính
  • Có kinh nghiệm làm việc ở vị trí tương đương
  • Nắm vững các nghiệp vụ kế toán
  • Khả năng phân tích, tổng hợp và viết báo cáo
  • Sử dụng thành thạo các phần mềm kế toán, vi tính văn phòng (đặc biệt là excel)
  • Cẩn thận, trung thực, có trách nhiệm với công việc

4. Quyền lợi được hưởng

  • Lương thỏa thuận theo năng lực
  • Hưởng đầy đủ chế độ phúc lợi theo quy định Công ty BHXH, BHYT, BHTN, thưởng lễ, tết, lương tháng thứ 13, sinh nhật, hiếu; hỉ, nghỉ mát hàng năm…
  • Môi trường làm việc chuyên nghiệp, trẻ trung, đồng nghiệp vui vẻ,thân thiện
  • Được đào tạo, hướng dẫn để nhanh chóng nắm bắt công việc

Code chèn Hotline và chat Facebook vào chân trang trên giao diện mobile cho website

Có nhiều plugin có thể giúp bạn tạo nút Liên hệ qua Hotline hoặc Chat Facebook ở chân trang trên website WordPress. Tuy nhiên, ai trong chúng ta cũng thường e ngại khi dùng plugin, vì nỗi lo nó có thể gây nặng nề hoặc xung đột với các thành phần khác của website.

Mình có làm một vài mẫu web và được khách hàng phản hồi khá tích cực về nút Hotline ở góc trái phía dưới trang cũng như 2 nút Hotline + Chat Facebook ở chân trang khi lướt web trên các thiết bị di động. Và hôm nay, mình sẽ hướng dẫn các bạn làm các nút bấm tương tự nhé!

Chèn nút Hotline và chat Facebook vào website
Chèn nút Hotline và chat Facebook vào website

Lưu ý: nhớ mở cả giao diện mobile để thấy rõ 2 nút ở chân trang nhé!

Tạo nút Hotline cho giao diện Desktop

Thực chất là mình tạo một đoạn HTML để tạo nút Hotline và ném vô file footer.php của giao diện, đoạn HTML đó đã được nhúng sẵn code CSS để định dạng hình dáng và màu sắc theo ý mình muốn.

  • Cách tìm file footer.php: vào Quản trị > Giao diện > Sửa > Footer.php
  • Đối với theme Flatsome có sử dụng Child theme: Quản trị > Giao diện > Sửa > Chọn giao diện > Flatsome > Footer.php.

Ta copy đoạn code HTML sau và dán vào phía dưới thẻ đóng </body> trong file footer.php của giao diện.

và ta có kết quả như sau:

Tạo nút Hotline cho website wordpress
Tạo nút Hotline cho website wordpress

Giải thích ý nghĩa:

  • Trong đó, ta có một khối <div>…</div> chứa text “Hotline: 0972.939.830“.
  • Khối <div>…</div> đó được đặt nằm trong cặp thẻ <a>…</a> có đường dẫn là “tel:+84972939830”.
  • Do đó, khi ta ấn chuột vào nút Hotline, nó sẽ dẫn link tới số điện thoại bên trong đường dẫn ta vừa ghi.

Bây giờ, chúng ta sẽ sử dụng đoạn code CSS sau để định dạng cho nút Hotline được đẹp lung linh hơn nhé!

Copy toàn bộ đoạn code CSS dưới đây và dán vào sau thẻ đóng </body> trong file footer.php của giao diện. (dán ngay bên trên đoạn code HTML vừa làm).

Tạo nút Hotline cho website wordpress 2

Đoạn code trên chúng ta đặt cho hotline những thuộc tính chính sau:

  • Nằm im một chỗ không nhúc nhích: Position: fixed;
  • Cách lề trái 10px: left:10px;
  • Cách chân trang 10px: bottom:10px;
  • Màu nền là vàng: background: #fac100;
  • Trên giao diện mobile thì display:none, nghĩa là cho ẩn trên giao diện di động, để phần sau ta chèn 2 cái nút kia đẹp hơn.

Và sau 2 lần copy – paste, chúng ta đã làm được nút Hotline khá ấn tượng rồi phải không? Phần tiếp theo chúng ta cùng tiếp tục nghiên cứu để làm hai nút Hotline + Chat Facebook ở chân trang trên giao diện mobile như hình dưới nhé!

Code tạo nút Hotline và Chat Facebook ở chân trang trên giao diện mobile
Code tạo nút Hotline và Chat Facebook ở chân trang trên giao diện mobile

Tạo nút Hotline và Chat Facebook ở chân trang trên giao diện mobile

Cũng trong file footer.php của giao diện chúng ta vừa sửa, bây giờ các bạn copy và dán đoạn code HTML này vào sau thẻ đóng </body> nhé!

Các bạn thay link Messenger cá nhân và số hotline vào nhé. Còn nếu ai không biết địa chỉ Messenger của mình thế nào thì nhìn hình bên dưới nhé, các bạn nhớ copy phần cuối của URL trang cá nhân, rồi thêm vào sau “http://www.messenger.com/t/” là được nhé!

Chèn nút Chat Facebook vào website

Bước tiếp theo, copy toàn bộ đoạn code CSS này, và dán vào bên trong cặp thẻ <style>…</style> mà mình vừa sử dụng ở phần trên nhé!

Thế là mình đã có một thanh ngang ở chân trang chứa 2 nút tiện ích Hotline + Chat Facebook rồi nhé!

Tổng hợp code của toàn bộ bài viết:

Các bạn cũng có thể copy toàn bộ đoạn code trên và dán vào sau thẻ đóng </body> trong file footer.php của giao diện bạn đang dùng, để sử dụng đồng thời cả 2 loại nút bấm cho desktop và mobile luôn nhé! Quá dễ phải không nào?