SEO kỹ thuật cho website dev portfolio là yếu tố hay bị bỏ qua nhất, ngay cả khi giao diện đã được đầu tư kỹ. Một bạn lập trình viên front-end từng gửi cho chúng tôi xem trang portfolio cá nhân. Trang dựng bằng React, hiệu ứng chuyển động mượt, giao diện đẹp không thua kém các trang mẫu quốc tế. Nhưng khi bạn thử gõ tên mình lên Google, kết quả gần như trống trơn. Chỉ có trang LinkedIn cũ hiện lên trước. Bạn khá bất ngờ vì đã bỏ công dựng trang cẩn thận về giao diện. Nhưng bạn lại quên mất phần khiến công cụ tìm kiếm hiểu và xếp hạng được nội dung trang. Đây là tình huống khá phổ biến với dev khi tự xây dựng portfolio. Sự tập trung thường dồn hết vào code và hiệu ứng, còn yếu tố SEO kỹ thuật lại bị bỏ quên.
Dev Thường Tập Trung Vào Code Mà Bỏ Qua Yếu Tố SEO Cho Portfolio
Website portfolio đẹp về giao diện nhưng không tối ưu để được tìm thấy là nghịch lý khá thường gặp. Đúng như trường hợp bạn front-end chúng tôi kể ở đầu bài. Với dân kỹ thuật, việc dựng hiệu ứng động phức tạp, code sạch, kiến trúc gọn gàng thường là ưu tiên hàng đầu. Đây chính là những gì thể hiện năng lực chuyên môn. Nhưng Google không đánh giá trang web dựa trên độ đẹp của hiệu ứng. Google đánh giá dựa trên khả năng đọc hiểu nội dung và cấu trúc trang. Đó là các yếu tố kỹ thuật đứng sau giao diện, rất dễ bị bỏ sót nếu không có kinh nghiệm về SEO.
Nhiều yếu tố SEO cơ bản bị bỏ sót khi dev tự xây dựng trang cá nhân. Phần lớn dev làm portfolio cho chính mình thường không dành thời gian tìm hiểu sâu về SEO, khác với khi làm dự án cho khách hàng trả tiền. Tâm lý “trang của mình, làm sao cũng được” khiến nhiều bước tối ưu quan trọng bị bỏ qua ngay từ đầu. Tới khi cần dùng portfolio để tìm việc hay tìm khách hàng, nhiều bạn mới nhận ra trang gần như vô hình trên kết quả tìm kiếm.
Những Yếu Tố SEO Kỹ Thuật Hay Bị Bỏ Qua
Khi rà soát portfolio của dev, chúng tôi thường thấy lặp lại hai lỗi kỹ thuật SEO chính sau đây:
- Thẻ meta và dữ liệu có cấu trúc chưa khai báo đầy đủ. Thẻ meta là đoạn mô tả ngắn gắn trong mã nguồn trang, không hiển thị trực tiếp cho người xem nhưng là thứ công cụ tìm kiếm đọc để hiểu trang nói về gì. Dữ liệu có cấu trúc là một dạng đánh dấu đặc biệt, giúp công cụ tìm kiếm hiển thị thông tin phong phú hơn trên kết quả tìm kiếm, ví dụ kèm đánh giá sao hay thông tin liên hệ. Nhiều dev dựng portfolio bằng framework hiện đại lại quên khai báo những thẻ này. Kết quả là trang dù có nội dung tốt vẫn không được công cụ tìm kiếm hiểu đúng.
- Tốc độ tải trang chưa tối ưu dù giao diện đã đẹp mắt. Vấn đề này hay gặp với portfolio có nhiều hiệu ứng động và hình ảnh chất lượng cao để khoe kỹ năng. Một sai lầm phổ biến là dev tải lên hình ảnh dự án với kích thước file gốc chưa nén, đôi khi vài MB mỗi ảnh. Trang portfolio có thể có hàng chục ảnh minh họa dự án khác nhau, khiến tổng thời gian tải trang kéo dài đáng kể. Công cụ tìm kiếm hiện nay đánh giá tốc độ tải trang là một trong những yếu tố ảnh hưởng tới thứ hạng. Trang tải chậm dù nội dung hay tới đâu cũng khó cạnh tranh được với trang tải nhanh có nội dung tương đương.
Cách Khắc Phục Để Portfolio Được Tìm Thấy Tốt Hơn
Bổ Sung Các Thẻ SEO Cơ Bản Còn Thiếu
Kiểm tra và bổ sung các thẻ SEO cơ bản còn thiếu là bước đầu tiên chúng tôi luôn khuyên thực hiện ngay. Bạn không cần kiến thức SEO chuyên sâu vẫn có thể tự làm được. Hãy rà soát lại từng trang trong portfolio, đảm bảo mỗi trang có tiêu đề riêng biệt và mô tả ngắn gọn nói rõ nội dung trang đó. Với những trang giới thiệu dự án cụ thể, nên có thêm dữ liệu có cấu trúc mô tả đây là một dự án, kèm tác giả và công nghệ sử dụng. Điều này giúp công cụ tìm kiếm hiểu chính xác hơn về nội dung đang hiển thị. Bạn có thể tham khảo thêm topic cluster là gì, cách tối ưu cấu trúc website chuẩn SEO để hiểu rõ hơn cách tổ chức nội dung, giúp công cụ tìm kiếm dễ nắm bắt mối liên hệ giữa các trang trong portfolio.
Tối Ưu Hình Ảnh Và Mã Nguồn Để Tăng Tốc Độ Tải Trang
Tối ưu hình ảnh và mã nguồn để cải thiện tốc độ tải trang cũng là bước không thể thiếu. Điều này đặc biệt quan trọng với portfolio có nhiều hình ảnh minh họa dự án. Trước khi tải hình ảnh lên, nên nén lại về định dạng phù hợp và giảm dung lượng file xuống mức hợp lý. Vẫn nên giữ được chất lượng hiển thị tốt trên các thiết bị phổ biến, thay vì để nguyên file gốc chụp từ máy ảnh hay xuất từ phần mềm thiết kế. Mẹo thực tế chúng tôi hay áp dụng là dùng các công cụ đo tốc độ tải trang miễn phí để kiểm tra định kỳ. Từ đó bạn biết yếu tố nào đang làm chậm trang nhất, để ưu tiên xử lý trước những điểm ảnh hưởng lớn nhất tới trải nghiệm người dùng thay vì tối ưu dàn trải không trọng tâm. Nếu portfolio của bạn được xây dựng dưới dạng web app tương tác phức tạp, việc hiểu rõ sự khác biệt trong cách tối ưu cũng cần thiết. Bạn có thể xem thêm web app là gì, sự khác biệt giữa website và web app để có cách tiếp cận phù hợp hơn cho loại trang bạn đang xây dựng.
Tối Ưu Tốc Độ Tổng Thể Để Giữ Chân Người Xem
Với những dev đang làm portfolio để tìm kiếm khách hàng freelance, việc học thêm cách tối ưu tốc độ tổng thể cho website cũng rất đáng làm. Tốc độ tải nhanh giúp giữ chân người xem lâu hơn, thay vì để họ rời trang vì tải chậm. Bạn có thể tham khảo thêm hướng tối ưu tốc độ và giữ chân người dùng cho website doanh nghiệp để có thêm góc nhìn áp dụng cho chính trang portfolio của mình. Nếu bạn không có nhiều thời gian tự tối ưu, và muốn có một đơn vị hỗ trợ xây dựng website chuyên nghiệp ngay từ đầu, có thể tham khảo thêm dịch vụ tại công ty MONA để có giải pháp phù hợp cho nhu cầu xây dựng hiện diện online của mình.
Kết Luận
Chú ý các yếu tố SEO kỹ thuật giúp website portfolio của dev dễ dàng được nhà tuyển dụng và khách hàng tìm thấy hơn. Đó cũng chính là bài học bạn front-end chúng tôi kể ở đầu bài, sau lần gõ tên mình lên Google mà chẳng thấy trang portfolio đâu. Nếu bạn cũng đang có một portfolio đẹp về giao diện nhưng chưa từng kiểm tra các yếu tố SEO cơ bản, hãy dành một buổi rà soát lại thẻ meta, dữ liệu có cấu trúc và tốc độ tải trang. Những điều chỉnh nhỏ này có thể tạo ra khác biệt lớn, giữa việc portfolio của bạn được tìm thấy hay mãi mãi ẩn mình dưới hàng nghìn kết quả tìm kiếm khác.