Giải quyết một số vấn đề gặp phải khi thiết kế template WeBlog, Website

Chào các bạn hôm nay Gia Bảo chia sẻ cách sửa lỗi thường gặp một số lỗi thường gặp trong quá trình thiết kế  WeBlog, Website trên nền tảng Blogspot, Wordpress  

Trang Công Cụ Trực Tuyến Hỗ Trợ Gỡ Lỗi Web Tool DeBug :

Chia sẻ đường link URL trên các trang MXH nhằm quảng bá nội dung, thương hiệu là cách làm hiệu quả giúp chúng ta thu hút thêuốn khiến chúng ta gặp khó khăn trong việc truyền tải thông điệp tới km lượng truy cập [ Traffic ] cho trang WeBlog, Website, một trong những phương thức, cách phổ biến giúp nâng cao thứ hạng của website trên các web nền tảng công cụ tìm kilàm ếm trên internet. Lỗi hiển thị hình ảnh đại diện ktrang hi chia sẻ đường link trên zalo, facebook không như ý mhách hàng, độc giả & những người có nhu cầu tìm kiếm thông tin hữu ích giúp họ tìm ra giải pháp giải quyết những vấn đề đang gặp phải,...

Trong nội dung bài viết lần này Gia Bảo sẽ chia sẻ cách giải quyết vấn đề " hiển thị hình ảnh khi share link trên các trang nền tảng mạng xã hội nổi tiếng ", mà các bạn thiết kế template blogspot, wordpress thường hay gặp phải.         

Webtool hỗ trợ sửa lỗi hiển thị ảnh đại diện khi share đường link URL trên trang MXH Zalo / Facebook. 

Công cụ trực tuyến này sẽ giúp bạn kiểm tra hình ảnh hiển thị khi chia sẻ link cụ thể nào đó trên Zalo & Facebook.

✨ Link kiểm tra lỗi hiển thị ảnh đại diện khi share đường link URL trên Zalo : https://developers.zalo.me/tools/debug-sharing

✨ Link kiểm tra lỗi hiển thị ảnh đại diện khi share đường link URL trên Facebook : https://developers.facebook.com/tools/debug/

Khi kiểm tra link share, kết quả  không như ý muốn.  

Đây là hướng giải quyết vấn đề : 

Để hiển thị hình ảnh đại diện như mong muốn .

bạn tìm đến đoạn code có chứa :

<meta content='Link Hình Ảnh' property='og:image'/>

Sau đó sử dụng cấu trúc điều kiện để gán lại hình ảnh cần hiển thị cho từ link cụ thể hoặc lấy link đầu tiên của bài viết để hiển thị, nếu không có hình ảnh bạn cho hiển thị hình ảnh đại diện chung cho tất cả link có cấu trúc tương tự.  

Ví Dụ Mẫu Code sử dụng thẻ điều kiện giúp bạn thay đổi hình ảnh đại diện hiển thị khi share link trên zalo / facebook ( Trên thẻ đóng </head> )    : 

<b:if cond='data:blog.url == &quot;https://www.digitalnomad.vn/search/label/G%E1%BB%97%20Gh%C3%A9p&quot;'>
<!-- Hiển thị ảnh đại diện khi share đường link URL Gỗ Ghép -->
 
       <meta content='https://1.bp.blogspot.com/-MW3kp4unfCw/YHOoMrD0D1I/AAAAAAAADIE/ZMT4PQc1uawiQXZDZ3x2kKQG5SnGeGYXwCLcBGAsYHQ/s16000/Gia-cong-ghep-go-SOI-SOLIDVutoq.png' property='og:image'/>
  
<b:else/> 

<!-- Hiển thị ảnh đại diện khi share đường link URL Còn Lại -->
            
      <meta content='https://1.bp.blogspot.com/-DkkoBTtc_HA/YD8USP5wPfI/AAAAAAAACxI/Y8eS5xTvrmE-4gqOgAPPZPHnkTo5jA6dQCLcBGAsYHQ/s16000/Logo-Blog-Gia-Bao.png' property='og:image'/>

</b:if>

Dĩ nhiên tùy với mỗi cấu trúc và ngôn ngữ code dùng thiết kế BlogWeb các bạn tùy chỉnh lại cho phù hợp với nhu cầu.

Trang Công Cụ Trực Tuyến Hỗ Trợ Gỡ Lỗi Web Tool Seo / Marketing Online :

Seo là phương thức không thể thiếu nếu bạn muốn xây dựng & phát triển trang Web với mục tiêu trở thành một Blogger  viết blog kiếm tiền, số lượng " Từ khóa " có lượng tìm kiếm cao mà bạn sở hữu trên internet ảnh hưởng đến " thu nhập / khoản tiền  " kiếm được, hay nói đúng hơn " Blog được ví như chiếc cần câu còn content được xem là mồi câu, thì Seo là phương thức lựa chọn khu vực loại mồi dẫn dụ con mồi giúp bạn trở thành dân câu cá kiếm trên internet  ". Seo tốt thì có nhiều " CÁ " và ngược lại.    

Code Web ảnh hưởng khá lớn trong việc nâng cao thứ hạng cho web, như việc thiết kế responsive, thân thiện với điện thoại, trải nghiệm người dùng, tốc độ tải trang,...

Web tools seo  giúp chủ sở hữu trang web, quản trị trang web, người làm marketing online, dân SEO nhà nghề theo dõi hiệu suất trang web, đây còn là công cụ giúp đỡ hiệu quả trong việc " gỡ lỗi web "  : https://search.google.com/search-console      

Tiện ích cài trên trình duyệt giúp kiểm tra trực tuyến một số lỗi seo cơ bản : SEOquake  

Kiểm tra sửa lỗi W3C : https://validator.w3.org

✨ Còn nhiều công cụ web hỗ trợ online, đang chờ bạn khám phá.

Bằng cách kiểm tra lỗi trên các công cụ online trên & làm theo hướng dẫn giúp ta khắc phục được nhiều lỗi Seo phổ biến, đồng thời có thể khắc phục một số lỗi ảnh hưởng đến tốc độ tải trang, bố cục và nhiều yếu tố ảnh hưởng tới " tỷ lệ người xem thoát trang " trên blogweb của bạn.    

Trang Công Cụ Trực Tuyến Hỗ Trợ Thiết Kế Web HTML :

✨ Trang sửa code web dạng html / css / script : http://jsbin.com

Công cụ khá thú vị dành cho việc chỉnh sửa trang tĩnh, landing Page dạng html chuyển đổi


Trang Công Cụ Trực Tuyến định giá web blog của bạn  :

✨ Trang định giá : http://w3snoop.com

✨ Trang định giá : https://www.valuemyweb.com 

http://www.webuka.com

Công cụ khá hay giúp bạn " có cơ sở " thông qua việc " định giá bằng thuật toán " rằng web bạn đáng giá bao nhiêu, bạn đang đứng ở đâu trong bảng xếp hạng Website bằng " giá trị ước tính ".      

Ngoài 2 lỗi cơ bản thường gặp trên còn có nhiều lỗi bất chợt gặp phải trong quá trình thiết kế chỉnh sửa template sẽ được Gia Bảo cập nhật trên Iframe phía dưới  : 

✨ Bài viết được thực hiện bởi Blogger Gia Bảo, Freelancer Marketing Online, có nhiệm vụ kết nối khách cần mua với nhà phân phối, công ty sản xuất. BLOG GIA BẢO không phải đơn vị trực tiếp bán hàng trên website mà chỉ là nơi giúp bên mua gặp gỡ bên bán.

✨ Nổi bật : Mô hình Freelancer Marketing Online Cùng Nhà Phân Phối / Công Ty Sản Xuất Triển Khai Kênh Bán Hàng Trực Tuyến Thông Qua Việc Mở Gian Hàng TMĐT : Xem thêm,....

Kem chống nắng Biore UV Aqua Rich Watery Essence/Gel SPF 50+/ PA++++ 50ml/90ml

Xem Giá Bán
Xem thêm : Chăm Sóc Cơ Thể
Mua ngay

Bộ bàn ăn gỗ cao su gấp gọn

Xem Giá Bán
Tìm hiểu thêm về : Gỗ ghép
Đặt Mua ngay