Tối ưu Code chuẩn SEO là quá trình tối ưu tệp trích xuất HTML, cấu trúc website thân thiện với bộ máy tìm kiếm. Tối ưu Code chuẩn SEO nhằm mục tiêu điều hướng bộ tìm kiếm một cách tốt nhất. Giúp bộ máy tìm kiếm dễ dàng tải dữ liệu, đọc, phân tích và craw dữ liệu của website bạn một cách thuận tiện, dễ dàng !
Đây là một công đoạn tương đối quan trọng trong quá trình gia công SEO cho một website cụ thể. Ở công đoạn Onpage tối ưu Code chuẩn SEO, đòi hỏi kiến thức chuyên sâu về các tiêu chí đánh giá code chuẩn SEO, vừa đòi hỏi chuyên môn lập trình web trên các nền tảng ngôn ngữ lập trình khác nhau!
Một website được đánh giá là Code chuẩn SEO bao hàm 3 yếu tố cơ bản:
Website thân thiện với người dùng. Thiết kế đẹp, nội dung điều hướng người dùng tốt. Thu hút và giữ chân người dùng lâu!.
- Xem thêm : thiết kế web chuẩn seo trọn gói
Website có cấu trúc thân thiện với bộ máy tìm kiếm. Giúp bộ máy tìm kiếm dễ dàng thu thập thông tin từ website.
Phần quản trị website có đầy đủ các cơ chế quản trị thân thiện dễ dàng tùy biến SEO đối với các Admin không có kỹ năng chuyên sâu vào Code.
Làm gì để tối ưu code chuẩn SEO cho Onpage website?.
Nếu bạn là Coder: Hãy dựa vào các tiêu chí đánh giá tối ưu code chuẩn SEO để hoàn thiện phần nền móng 1 cách tốt nhất.
Nếu bạn không phải là Coder: Hãy nắm vững các tiêu chí tối ưu code chuẩn SEO và yêu cầu đối tác thiết kế website tối ưu giúp bạn với cách làm chuyên nghiệp!.
Dưới đây là 1 số yếu tố cơ bản để có được một trang web chuẩn seo.
I. Tên miền & Hosting.
Chọn tên miền có tính liên quan cao đến nội dung website. Có thể chứa một vài từ khóa chính của website càng tốt, tên miền có thời gian sử dụng càng lâu càng được đánh giá cao.
Hosting có tấc độ nhanh, IP Server cũng ảnh hưởng đôi chút tới seo (Nếu bạn seo web ở Việt Nam nên mua server đặt tại Việt Nam).
II. Thiết kế website.
Tối ưu hóa Url website.
Url nên mã hóa theo tiêu đề bài viết, có liên quan tới nội dung bài viết, keywords, description.
Hạn chế độ dài của url tốt nhất cho seo chỉ là 3 cấp tính từ tên domain (domain.com/cap1/cap2/cap3).
Sử dụng rewrite url đối với các liên kết và phân tách mỗi từ bằng dấu trừ – hoặc gạch dưới _.
Title (tiêu đề bài viết) thẻ này luôn đặt trên cùng và chứa nội dung liên quan tới nội dung bài viết, url website. Độ dài của title khoảng 60-65 ký tự.
Keywords (từ khóa) nội dung thẻ này không chứa quá nhiều từ khóa, tổng số ký tự không quá 160 ký tự.
Description (mô tả) nội dung thẻ này không chứa quá nhiều từ khóa, tổng số ký tự không quá 160 ký tự. Mô tả ngắn gọn về nội dung bài viết.
Luôn đặt tiêu đề bài viết, từ khóa quan trọng trong thẻ h1, h2, h3…theo thứ tự ưu tiên quan trọng của từ khóa.
h1 Keywords /h1
h2 Keywords /h2
h3 Keywords /h3
Tách các phần như style css, javascript, data thành các file độc lập. Hạn chế sử dụng javascript quá nhiều.
Hạn chế việc sử dụng table trong html. Đặc biệt là các table lồng table.
Cố gắng đặt nội dung chính nằm ở đầu của cấu trúc trang html.
Tạo các chỉ mục hướng dẫn (breadcumb). Mục đích cho phép người dùng dễ dàng quay lại các chỉ mục một cách dễ dàng.
Dùng định dạng chữ cho phần liên kết header và footer thay vì dùng hình ảnh. Có thể dùng javascript để xử lý các liên kết.
Tạo trang 404 cho các liên kết không tìm thấy.
Tạo mục chia sẻ bài viết đến các mạng xã hội bằng cách tạo ra các nút chia sẻ.
Tối ưu hiển thị trang web trên các thiết bị di động. Chính vì ngày nay việc truy cập trên các thiết bị di động không còn xa lạ do đó sẽ bị giảm thiểu người dùng nếu website của bạn không hỗ trợ việc hiển thị trên các thiết bị di động.
Tạo RSS feed cho nội dung website.
Tạo sitemap chứa liên kết đến các trang nội dung trên website. Nó cho phép người dùng có thể dễ dàng tìm kiếm và truy cập đến nội dung mà họ cần.
Kiểm tra cấu trúc html chuẩn với W3C (khi kiểm tra có thể bỏ qua các lỗi cảnh báo HTML5 và các thẻ og:title, og:description, og:image khi định dạng website bằng HTML5).
Cho phép thay đổi thẻ meta và title, keywords, description ứng với mỗi nội dung bài viết.
III. Biên tập nội dung.
Khi cập nhật nội dung url, title, keywords, description phải liên quan tới nhau.
Chỉ sử dụng từ có nghĩa, cấu trúc có thể đọc được và dễ dàng để thu thập dữ liệu từ Google.
Đặt link vào các trang liên kết khác sẽ giúp người đọc dễ theo dõi và giúp index dễ dàng.
Nội dung bài viết dễ đọc. Phần đầu và nội dung bài viết nằm trong đoạn văn kết hợp với các sub header và number list. Chủ yếu là nội dung phải mới mẻ, lôi cuốn, trình bày đẹp mắt và mang tính thông tin cao.
Thêm hình ảnh để nội dung hấp dẫn hơn. Đặt các thuộc tính như title và alt vào hình ảnh sẽ giúp cho SE đánh giá cao cho nội dung website của bạn và từ khóa liên quan đối với hình ảnh.
Không nên nhồi nhét quá nhiều từ khóa vào mỗi trang web, hãy chọn những từ khóa tiêu biểu và đặt vào phần cuối của nội dung bài viết.
Hạn chế việc dùng flash hoặc tốt hơn là không dùng flash vì các công cụ tìm kiếm không đọc được nội dung trong flash.
Đặt link về các trang tác giả, trang phân tích có tính uy tính cao. Điều này sẽ giúp cho bài viết của bạn có tính thuyết phục và độ tin tưởng cao.
Cập nhật thông tin thường xuyên trên website của bạn. Điều này quan trọng nhất nó sẽ giúp cho bạn lôi cuốn được người đọc ghé thăm và nên nhớ nội dung nên tập trung vào các xu hướng hiện tại và phải liên quan đến chủ đề của website.
Các kỹ thuật SEO tối thiểu mà developer cần nắm vững trong lập trình web
Trong khi đang làm việc tại công ty Basic (1 công ty của Nhật hoạt động trong lĩnh vực Web & Media Marketing, vận hành 2 website ferret và ferretOne), tôi được giao nhiệm vụ tối ưu hoá công cụ tìm kiếm cho website phocase (1 website bán phụ kiện điện thoại), để hoàn thành công việc này tôi đã phải tìm hiểu và học thêm các kiến thức, tiện đây xin được tổng hợp lại và chia sẻ với các bạn những điều cần nhớ về SEO với vai trò là 1 kỹ sư.
Nắm bắt chính xác tài liệu được Google chính thức công khai
Có thể tìm kiếm rất nhiều thông tin trên các trang web, nhưng tối thiểu thì hãy thực hiện những chính sách được Google đưa ra về rule của 1 website.
Search Engine Optimization Starter Guide
Ngoài ra bạn cũng có thể tìm hiểu thêm các thông tin tại website chính thức của Google: Official news on crawling and indexing sites for the Google index
★ Kiểm tra lại các biện pháp SEO trước đó để nắm được các thông tin hữu ích
Hãy tìm kiếm trong Search Console Help các từ khoá liên quan tới các công việc đã thực hiện từ trước, rất có thể bạn sẽ phát hiện ra những kỹ thuật bị bỏ sót mà mình không hề nghĩ tới.
Chẳng hạn nếu như bạn có sử dụng thẻ alt với ảnh trên website, thì tôi khuyên bạn nên thử tìm kiếm trong Search Console Help các ảnh đã được đánh tag trước đó.
Việc nhồi nhét quá nhiều keyword trong thẻ alt có thể khiến search engineer đưa vào danh sách spam, đây cũng có thể là cách để bạn phòng tránh việc đó.
Search Console Help
Chính sách của Google đối với Mobile Site
Mobile First Index (MFI)
Ngày 5/11/2016, Google chính thức công bố chính sách của mình đối với Mobile site: Mobile-first Indexing
Về cơ bản, cho tới thời điểm hiện tại ngoài rank được đánh cho các website hướng PC Desktop, Google còn bổ sung thêm rank cho các website chú trọng nội dung và thiết kế tới SP (Smart phone)
Ngày 5/4/2017, Tại hội nghị Next10x Conference, Các kỹ sư của Google đã chính thức công bố mục tiêu áp dụng vào trong năm nay, tuy nhiên chưa công bố chính thức khoảng thời gian.
Trước khi áp dụng MFI (Hiện tại)
PC Search: Hiển thị theo trình tự của rank cho nội dung PC site
SP Search: Hiển thị theo trình tự của rank cho nội dung PC site
PC Search: Hiển thị theo trình tự chú trọng vào rank cho nội dung SP site (Không có nghĩa là không tính đến rank của PC site)
SP Search: Hiển thị theo trình tự của rank cho nội dung SP site
★ Các site có khả năng chịu ảnh hưởng
Có sự khác biện lớn giữa phiên bản PC và SP
Còn nhiều thông tin tồn tại trên phiên bản cho PC nhưng lại ko có trên phiên bản SP
Đã hỗ trợ và có chiến lược SEO cho PC site nhưng lại chưa có cho SP site
Ngoài header vs footer ra, các nội dung chính là khác nhau
Cấu trúc HTML khác nhau
Tốc độ hiển thị cho SP site quá chậm
Mobile Friendly
Ngày 21/4/2015, Google công bố : thứ tự xuất hiện trên kết quả tìm kiếm có liên quan tới UI, UX trong trường hợp truy cập trang web trên Smart Phone Device
Rolling out the mobile-friendly update
Chỉ ảnh hưởng tới thứ tự xuất hiện kết quả tìm kiếm trên Mobile Device
Ảnh hưởng trong phạm vi toàn bộ các ngôn ngữ trên thế giới
Áp dụng cho các page riêng rẽ, chứ không phải toàn bộ trang web
Nếu như website đó không được coi là Mobile Friendly sẽ có thứ tự thấp và không được ưu tiên xuất hiện trên kết quả tìm kiếm. Điều này có tác động trực tiếp tới doanh thu của các website thương mại điện tử (EC site)
Sử dụng website sau, có thể kiểm tra tính thân thiện với thiết bị mobile của 1 trang web
Mobile Friendly Check
★ Các hạng mục cần kiểm tra
Font size có thích hợp (>= 16px) không?
Có sử dụng thẻ meta và chỉ định viewport cho mobile không?
Khoảng cách của các liên kết có bị quá hẹp không? (phòng ngừa lỗi)
Nội dung trang web có bị tràn ra ngoài màn hình không?
Website có được hiển thị trong vòng 3s không? (Nếu việc hiển thị tốn quá > 3s, thì 40% người dùng sẽ thoát trang web đó)
Đối với các website không thoả mãn tối thiểu các điều kiện trên sẽ có thể có có thứ hạng thấp trong kết quả tìm kiếm.
★ Mobile Friendly Support & Yêu cầu craw lại website
Bằng cách sử dụng GoogleSearchConsole, bạn có thể nắm rõ được chi tiết các thành phần trên website mình không thoả mãn các hạng mục kiểm tra phía trên.
Google Webmaster Home
Sau khi giải quyết các vấn đề trên, hãy gửi yêu cầu cho Google crawl lại các URL đó.
Chi tiết các bạn có thể tham khảo link sau về việc Yêu cầu Google crawl lại các URL
★ Các hạng mục để đánh giá về UX
First view của trang web sẽ được hiển thị trong vòng 1 giây (Google recommended)
Chuẩn bị riêng biệt kích thước hình ảnh với PC Site, để giảm dung lượng của một trang web
Sử dụng công cụ YUI Compressor và JSMin để rút ngắn đoạn code dài như thư viện
Thiết lập các nội dung có thể tab được lớn hơn 48px
Để xác nhận tốc độ hiển thị của web site, bạn có thể dụng công cụ: PageSpeed Insights
★ Chuyển tiếp quảng cáo
Đối với các quảng cáo chuyển tiếp thì đến khi hiển thị target page, thì hiển thị quảng cáo với link [Skip this page] giống như ảnh bên dưới, từ tháng 11 năm 2016 sẽ vi phạm điều luật của Google.
★ Các tác động dẫn tới việc giảm thứ hạng rank
Nội dung chính nằm trong Popup (kể cả Modal)
Trước khi dẫn tới main content (nội dung chính) của website thì hiển thị quảng cáo giống trong ảnh trên
First view có chưa quảng cáo với kích thước lớn, nếu không scroll thì không thấy được nội dung chính
★ Các tác động không ảnh hưởng tới thứ hạng rank
Pop-up cấp quyền sử dụng Cookie
Các hiển thị như xác minh độ tuổi với cơ sở dựa vào pháp luật
Các page mà chỉ một bộ phận cụ thể người dùng được hiển thị, chẳng hạn như một trang đăng nhập.
Banner quảng cáo Pop-up mà không chiếm nhiều diện tích màn hình
Hơn nữa, trong cuộc đối thoại giữa Google với người sử dụng có câu hỏi:
Cài đặt XML Sitemap & Đăng ký RSS Feed
Công việc này đã được Google hướng dẫn rất chi tiết tại link sau:
Best practices for XML sitemaps & RSS/Atom feeds
RSS, Atom Register và PubSubHubbub(PuSH)
Được sử dụng như Sitemap, có format tương tự RSS và Atom trong RSS Reader.。
★ Lợi ích khi đăng ký Feed
Chỉ URL được cập nhật gần đây nhất được đăng ký.
Tần suất Crawl cao hơn Sitemap thông thường
Việc thông báo cho Google các Page được create/update gần đây nhất là một phương pháp sử dụng Feed có tần suất Crawl cao hơn một cách hiệu quả.
★ Thực hiện index theo thời gian thực dựa vào PubSubHubbub (PuSH)
Một cách để thực hiện index realtime khác đó là: Sử dụng phương thức PubSubHubbub (hay còn gọi là PuSH) giúp thông báo tới Google các thay đổi tại thời điểm mà các trang được update.
Danh sách các repository thực hiện việc implement PuSH được viết trên nhiều ngôn ngữ lập trình
Trường hợp code bằng PHP, có thể sử dụng file được Download từ thư viện sau đây:
pubsubhubbub-php-master/library/publisher.php
Đăng ký Sitemap
★ HTML Sitemap
Sitemap cho người sử dụng truy cập trang web
Thường xuyên quản lý để tránh các liên kết lỗi
Việc phân loại sẵn các Category giúp cải thiện khả năng sử dụng
★ XML Sitemap
Việc tạo sẵn một Sitemap có định dạng XML chính là công cụ đắc lực, trợ giúp Search Engine index website của bạn
Dưới đây là các loại Sitemap:
Loại File XML Vai trò
sitemap.xml Mô tả cấu trúc website, bao gồm cả mobile sitemap
movie.xml Hiển thị các nội dung video trong tìm kiếm
image.xml Hiển thị các nội dung ảnh trong tìm kiếm
news.xml Khai báo các tệp tin được gửi tới Google News
Với mỗi file XML được cài đặt chính xác, góp phần xúc tiến việc index website của bạn
Tuy nhiên nếu crawler không visit, chúng ta cần thực hiện cải thiện lại Sitemap đã tạo trước đó
Trên SP site việc giới hạn quyền truy cập webiste mobile trên device = .htaccess có thể khiến Search Engine Bot không vô được, vì vậy hãy cho phép Googlebot-Mobile có quyền truy cập.
Trong thực tế, đối với việc create/submit Sitemap chúng ta có thể tham khảo thêm tại link Build and submit a sitemap, có hướng dẫn chi tiết các loại tool giúp tạo và test sitemap, rất tiện lợi.
★ Video, Image Sitemap
Việc Crawler thu thập thông tin tìm kiếm liên quan tới Video và Ảnh là tương đối khó khăn, do đó chúng ta cần sử dụng Sitemap chuyên dụng có chứa thông tin cho Video và Image.
Về cách create thì bạn có thể tạo file XML chỉ chứa các video và ảnh mới tạo hoặc bổ sung chúng vào 1 file XML đã tồn tại đều ok, tuy nhiên hãy thiết lập một sitemap chứa nhiều thông tin.
Sitemap Protocol : Video extension, Title, Duration, Description
Hơn nữa, bằng cách sử dụng Video Sitemap, khi tiến hành tìm kiếm Video lẫn Image trong Search Engine, Video có thể được tìm thấy trong kết quả.
Khi vận hành 1 EC site (Website thương mại điện tử) sử dụng Image Sitemap, doanh nghiệp có thể thu hút và tiếp cận được đối tượng người dùng tìm kiếm sản phẩm muốn mua bằng ảnh trên máy tìm kiếm.
Những điều cần lưu ý khi sử dụng tag HTML
Title
Trong SEO, thẻ Title là một trong số những thẻ tag có tầm ảnh hưởng nhất, Trong 1 page chỉ được có 1 thẻ title trong head tag.
Nếu trong thẻ title có từ khóa tìm kiếm của user sẽ được bôi đậm trên kết quả tìm kiếm
Mỗi Page nên có 1 thẻ title với nội dung khác nhau
Trên kết quả tìm kiếm của Search Engine sẽ chỉ hiển thị tối đa ~32 ký tự trong nội dung của thẻ title
Nếu trong thẻ title có chứa các từ khóa không cần thiết sẽ làm giảm trọng số của từ khóa mong muốn được tìm kiếm
Nên lựa chọn nội dung của thẻ title sao cho dựa vào đó có thể đoán được phần nào nội dung của web page
Cần lưu ý rằng trên Search Engine sẽ chỉ hiển thị khoảng 32 ký tự cho tiêu đề (title) của 1 website, và thậm chí là 24ký tự khi người dùng tìm kiếm trên thiết bị di dộng.
Nếu đặt tiêu đề cho page không liên quan tới nội dung của page sẽ làm giảm lượng người dùng truy cập, dẫn tới rank website bị giảm. Cho dù người dùng có truy cập vào nhưng do nội dung chính và tiêu đề không giống nhau, họ sẽ mau chóng rời đi -> tỷ lệ bounce rate sẽ ngày càng tăng.
Description
Trước tiên khi thiết lập Description, nội dung hiển thị trên search engine sẽ thay đổi tại đây:
Việc thêm mô tả cho nội dung mà người dùng mong muốn tìm kiếm, góp phần làm tăng tỷ lệ click rate trên search result.
Tuy nhiên nếu xét về mức độ ảnh hưởng về ranking trong thứ hạng xuất hiện trên Search Engine thì có vẻ là không lớn lắm.
Hơn nữa ở thời điểm hiện tại dù không có mô tả rõ ràng cho page thì Google cũng hiện thị Description mà nó tự động tạo ra cho web page.
Dựa vào các mô tả mà Google tự động sinh ra cho trang web, với các trường hợp đưa ra Description phán đoán chính xác thông tin trên website:
Khuyến khích để Google tự động tạo description cho web page
Các page khác nhau phải có nội dung khác nhau
Nội dung description cần nhất quán với title tag
Trên search engine chỉ hiển thị khoảng 124 ký tự cho phần description
Khi tìm kiếm bằng thiết bị di động thì chỉ hiển thị khoảng 80 ký tự cho phần description
Không bắt buộc văn phong phải chính xác tuy nhiên nội dung của tag phải rõ ràng, chuẩn xác.
Bạn có thể sử dụng tool sau để đánh giá description trên 1 web page: http://seolaboratory.jp/description/
h1
Do việc lạm dụng thẻ h1 quá nhiều dẫn tới Google đã hạ chỉ số đánh giá của nó, tuy nhiên do vẫn còn xuất hiện trên kết quả tìm kiếm, nên đối với SEO vẫn còn khá quan trọng.
Mỗi page chỉ nên có 1 thẻ h1
Mặc dù Google có công bố chính thức rằng có thể thiết lập nhiều thẻ h1, tuy nhiên nếu làm vậy sẽ gây khó khăn cho việc nhận biết chủ đề của nội dung web page
Có thể thiết thể ảnh bên trong thẻ tag h1
Với cách đặt ảnh như trên thì nó cũng được nhận diện như 1 phần của h1 tag, do đó hãy mô tả chính xác ảnh bằng cách thêm nội dung vào thuộc tính alt (văn bản thay thế).
★ Keyword truyền tải bởi TDH (Title Description H1)
Nếu bạn đặt từ khóa mình muốn SEO trong tất cả các thẻ TDH（Title Description H1）sẽ là cách đầu tiên giúp Google nhận biết chính xác từ khóa cần SEO.
- Thông tin thêm : dịch vụ thiết kế web trọn gói giá rẻ tại tphcm
Do đó, cần xem xét 3 thẻ trên có chứa từ khóa mình cần lên top không?
Lưu ý với thẻ img và thuộc tính alt
Bằng cách sử dụng thuộc tính alt mô tả nội dung trong ảnh và video, thì người khiếm thị (Sử dụng tính năng đọc văn bản) hoặc người dùng có tốc độ mạng internet chậm cũng có thể dễ dàng nhận được thông tin về website của bạn, điều này được Google đánh giá rất cao.