SeverNotes

ServerNotes là blog chia sẻ kiến thức và kinh nghiệm thực tế về Website, Hosting, VPS và Cloud Server.

[severnotes]

GRAB IT FAST! VPS Black Friday has landed! 📢

The GOLDEN opportunity to SCORE a HUGE VPS CONFIGURATION with UP TO 70% OFF from Thuevpsgiare.vn!

The best part, in my opinion: Renewal at the SAME PRICE! 🥳 Yes, you heard that right. Buy at the sale price, use it at the sale price forever!

SSD Speed x5

UNLIMITED Bandwidth

30% Stronger Configuration

Quickly check the Detailed Pricing Table (BL.Plan1 -> BL.Plan6) image and check out now! 🏃💨

Quick Deal Link: https://bit.ly/vps-bf-thuevpsgiare

[severnotes]

The Web Font Checklist! 💾

Use WOFF2 first.

Set font-display: swap.

Preload the hero font.

Always define a System Font fallback.

Avoid unnecessary weights (e.g., don't load Thin if you only use Regular).

This reduces CLS and LCP, giving your site a massive SEO boost!

🔗 Full Guide to Web Font Loading Mechanics and Performance Hacks: severnotes.webflow.io/posts/web-font-la-gi

[severnotes]

CWV 101: Speed is SEO! 🚀

LCP < 2.5s (Loading Speed)

INP < 200ms (Interactivity)

CLS < 0.1 (Visual Stability)

PSI breaks down the why your site is slow. Fix the red first!

Tip: Use WebP image format and Lazy Load everything below the fold. You'll see LCP drop dramatically.

🔗 Full Guide: How PSI Affects Conversion Rates and Google Ads Quality Score: severnotes.webflow.io/posts/pagespeed-insights-la-gi

[severnotes]

WCAG 2.1 AA Checklist Essentials ✅

Contrast Ratio: 4.5:1 minimum.

Keyboard Access: Tab, Enter, Arrows must work everywhere.

Alt Text: Descriptive and meaningful for all non-text content.

Captions: Must be provided for all time-based media (videos/audio).

Why? It’s about INCLUSION.

🔗 Full Guide: The 4 Principles of A11y and Automated Testing Tools: severnotes.webflow.io/posts/accessibility-la-gi

[severnotes]

UI KIT: The Designer’s Secret Weapon 🤫

What is it? A pre-designed collection of UI components (buttons, inputs, cards) and style guides.

Goal: SPEED and CONSISTENCY.

Must-Haves:

Clear Naming Convention.

Utilizes Figma Auto Layout and Variants.

🔗 Full Guide: How to Select and Customize a Free UI Kit Effectively: severnotes.webflow.io/posts/ui-kit-la-gi

[severnotes]

Prototype is NOT Code! 🚨

It IS: A high-fidelity, interactive model.

Purpose: To check UX (Usability) and User Flow.

Biggest Risk: Stakeholders confusing it with the finished product (Scope Creep).

Tool: Figma’s Smart Animate is your best friend for complex interactions!

🔗 Full Guide: Why Prototype is Crucial for MVP Development: severnotes.webflow.io/posts/prototype-la-gi

[severnotes]

What is a MOCKUP? A static model with high fidelity.

Used for: Visualizing UI (Interface) and Branding.

Not used for: Checking UX (Interaction Functionality). (That's Prototype's job!)

🔗 Full Guide: Benefits of Mockup for Designers and Marketers: severnotes.webflow.io/posts/mockup-la-gi

[severnotes]

BẠN ĐANG LÀM GÌ? (Phân biệt Độ trung thực)

Vẽ nguệch ngoạc trên giấy -> Low-Fidelity Wireframe

Kẻ khung đen trắng trên Figma -> Mid-Fidelity Wireframe

Thêm màu sắc và hình ảnh thật -> Mockup (Tĩnh)

Tạo liên kết nhấp chuột -> Prototype (Tương tác)

Không nhầm lẫn nữa nhé!

🔗 Full Guide: Vị trí của Wireframe trong quy trình UX/UI: severnotes.webflow.io/posts/wireframe-la-gi

[severnotes]

Bị Isolated Pages (Trang Cô Lập)? -> Cần Sitemap!

🗺️ Sitemap là công cụ #1 cho TECHNICAL SEO:

Tăng Index Speed

Tối ưu Crawl Budget

Hỗ trợ Image / Video Indexing

Mẹo: Nhớ khai báo cả trong GSC và Robots.txt!

🔗 Full Guide: Cách tạo và Khai báo Sitemap XML chuẩn: severnotes.webflow.io/posts/sitemap-la-gi

[severnotes]

3 Rào cản Giảm Conversion Rate:

Tốc độ tải trang chậm.

Form đăng ký quá dài.

Thiếu Social Proof (Đánh giá khách hàng).

Tối ưu ngay để tăng doanh thu!

🔗 Full Guide: Hướng dẫn tối ưu Form và CTA: severnotes.webflow.io/posts/conversion-rate-la-gi

[severnotes]

LÀM SAO GIẢM BOUNCE RATE? CHECKLIST 3 PHẦN! ✅

Content: Phải khớp Search Intent 100%.

Tốc độ: Tải dưới 3 giây (NVMe, Caching).

UX/Điều hướng: Internal Link rõ ràng và CTA hấp dẫn.

Mẹo nâng cao: Sử dụng Event Tracking để ghi nhận cuộn trang.

🔗 Chi tiết: Các lỗi kỹ thuật phổ biến khiến Bounce Rate tăng vọt: severnotes.webflow.io/posts/bounce-rate-la-gi

[severnotes]

HOSTING FREE! 5GB NVMe KHÔNG QUẢNG CÁO! 🔥

Gói InterData:

5GB NVMe SSD

Unlimited Bandwidth

cPanel (Dễ dùng)

LiteSpeed (Tốc độ đỉnh)

Free SSL

Lựa chọn số 1 cho Sinh viên IT và Blogger.

🔗 Đăng ký ngay: interdata.vn/free-hosting

[severnotes]

UX WRITING vs COPYWRITING -> Nắm rõ để chọn đúng nghề! 🎯

UX: Hỗ trợ (Usability) $\rightarrow$ Nút bấm, Thông báo lỗi.

Copy: Thuyết phục (Sales) $\rightarrow$ Quảng cáo, Headline.

Nguyên tắc: Clarity (Rõ ràng) > Creativity (Sáng tạo).

🔗 Full Guide: Lộ trình và mức lương cho UX Writer tại Việt Nam: severnotes.webflow.io/posts/ux-writing-la-gi

#UXWritingCareer #ContentDesign #MicrocopyTips #JobTips

[severnotes]

CACHE HẠI BẠN? Xóa đi! 🗑️

3 Lý do nên Xóa Cache:

Dữ liệu LỖI THỜI (Stale Content).

Bố cục trang web bị vỡ (Broken Layout).

Điện thoại HẾT BỘ NHỚ.

Thao tác an toàn: Xóa Cache chỉ xóa file tạm, KHÔNG xóa mật khẩu hay dữ liệu cá nhân.

🔗 Full Guide: Hướng dẫn chi tiết xóa Cache Chrome và App điện thoại: severnotes.webflow.io/posts/cache-la-gi

#ClearCache #StaleData #BrowserCache #TăngTốcĐiệnThoại

[severnotes]

Tải Trang CHẬM? -> Vấn đề là ở KHOẢNG CÁCH! 🌍

CDN giải quyết khoảng cách bằng:

Edge Server (Máy chủ gần Client)

Caching (Lưu bộ nhớ đệm)

Giảm Latency (Độ trễ)

Kết quả: Tăng tốc độ -> Tăng Tỷ lệ Chuyển đổi ->$ Tăng SEO Rank!

🔗 Full Guide: CDN ảnh hưởng đến Core Web Vitals như thế nào? severnotes.webflow.io/posts/cdn-la-gi

#CDN #WebPerformance #Latency #DDoS #Cloudflare

[severnotes]

WEB SERVER vs HOSTING: Đừng nhầm! 🤯

🛠️ Server: Phần mềm/Phần cứng xử lý HTTP Request.

🏡 Hosting: Dịch vụ Thuê tài nguyên.

Quy trình 5 bước: URL -> DNS -> TCP -> Request -> Response (Mã 200).

🔗 Full Guide: Apache, Nginx và các Mã Trạng thái HTTP quan trọng: severnotes.webflow.io/posts/web-server-la-gi

#WebServer #HTTP #NetworkingBasics #TechExplained #TumblrTech

[severnotes]

Top Google = Content + Backlink Mạnh 🚀

⚠️ Anchor Text phải ĐA DẠNG!

Branded: An toàn tuyệt đối.

Exact Match: Cực kỳ HẠN CHẾ.

💡 Kỹ thuật White Hat: Guest Post và Link Reclamation (Khôi phục Link).

🔗 Full Guide: Phân loại Dofollow/Nofollow và Anchor Text: severnotes.webflow.io/posts/backlink-la-gi

#BacklinkQuality #WhiteHat #AnchorTextDiversity #TumblrSEO