Hiển thị các bài đăng có nhãn website. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn website. Hiển thị tất cả bài đăng

Thứ Bảy, 20 tháng 2, 2021

Hơn 18 trang web cho dân Design

Tổng hợp các công cụ trực tuyến cực hay co dân Design



1.Trang web hỗ trợ chỉnh sửa ảnh online miễn phí 

2. Canva: Hỗ trợ làm infographic, facebook post, poster…
http://canva.com/

3. Bannersnack: Hỗ trợ thiết kế banner website khá hay
http://bannersnack.com

4. Introcave: Các mẫu Intro về các lĩnh vực như làm đẹp, sức khỏe, giới thiệu công ty, thể thao…
https://introcave.com/

5. Kho ảnh stock miễn phí
6. Slidely: Làm thư viện ảnh, slides, clip ngắn
http://slide.ly

7. Sharing beautiful travel moments: Kho ảnh phong cảnh, du lịch miễn phí, quy mô trên toàn thế giới

8. Fiverr: Làm video, clip ngắn, introduction (phải tốn 5$ để mua)
http://fiverr.com

9. Ivipid: Tạo ra các video sinh động từ hình ảnh, clip và nội dung theo mong muốn của riêng mình
https://ivipid.com/about

10. Moovly: Làm clip Animation đơn giản
https://www.moovly.com

11. Adobe Spark: Làm video ngắn – trình bày slides.
https://spark.adobe.com

12. Freepik: Icon nhỏ xinh cho các slide thuyết trình, infographic.
http://freepik.com

13. Flixpress: Làm Introduction cho video.
https://flixpress.com

15. Giphy: Công cụ trực tuyến hỗ trợ làm ảnh GIF rất hay
http://giphy.com


16. Dribbble: Trang web tham khảo ý tưởng hình, đa dạng như Pinterest

17. Dafont: Chứa đa dạng nhiều font chữ tải về miễn phí
https://www.dafont.com/theme.php?cat=115

#18. Dareful: Kho video chất lượng 4K miễn phí
https://www.dareful.com

19. Bonus thêm một số công cụ trực tuyến khác:

Nén ảnh online:
https://www.youcompress.com
https://imagecompressor.com/vi

Vài trang tải ảnh đẹp/HQ Free:
https://imgur.com
https://www.cutestockfootage.com
https://www.pexels.com
https://pixabay.com/vi
https://unsplash.com
https://stocksnap.io
https://www.freepik.com

Kho file PSD, AI theo các chủ đề
http://freepsdfiles.net
http://www.freepik.com
http://officialpsds.com
http://www.photoshopfiles.com

Kết: Nếu muốn nâng kỹ năng bạn cần tìm hiểu nhiều kiến thức, càng đa dạng bạn sẽ làm được nhiều việc hơn

Chủ Nhật, 17 tháng 3, 2013

Các ký tự đặc biệt trong thiết kế web

Các ký tự đặc biệt

Có một vài ký tự đặc biệt trong HTML. Ví dụ như bạn không thể hiện được dấu lớn hơn hoặc nhỏ hơn trong các đoạn văn bởi vì trình duyệt có thể hiểu nhầm chúng là ký tự của các thẻ.

Nếu bạn muốn trình duyệt hiển thị được những ký tự này, chúng ta phải chèn những code đặc biệt vào trong tài liệu thiết kế web.

Code của ký tự đặc biệt dạng như sau : &tên code hoặc &#mã ký tự

Ví dụ : Hiển thị một dấu nhỏ hơn chúng ta viết : &lt hoặc &#60

Sự thuận lợi của tên code là nó dễ nhớ hơn mã ký tự. Tuy nhiên nhiều trình duyệt vẫn chữa hỗ trợ đầy đủ tên code (trong khi trình duyệt hỗ trợ rất tốt cho mã ký tự)

Khoảng trắng(Non-breaking Space)

Ký tự đặc biệt được sử dụng nhiều nhất khi thiết kế web là khoảng trắng.

Thông thường thì HTML sẽ lượt bỏ các khoảng trắng trong đoạn văn. Nếu bạn có 10 khoảng trắng liên tiếp thì 9 cái sẽ bi lượt bỏ. Để thêm nhiều khoảng trắng liên tiếp chúng ta sử dụng :  

Ví dụ :


Các ký tự đặc biệt thường sử dụng khi thiết kế web

Chú ý : tên code thì phân biệt chữ hoa và thường là khác nhau!

Bạn có thể xem toàn bộ các ký tự đặc biệt tại HTML Entities Reference.

Thứ Bảy, 5 tháng 1, 2013

Hướng dẫn cách sử dụng và tối ưu Robots.txt

Robot.txt là một kĩ thuật trong SEO , khi các bot crawl trên web của bạn , nó sẽ tìm đến file robot.txt đầu tiên , file này sẽ chỉ định các phần cho phép máy tìm kiếm index trang của bạn và nhiều trang đăng nhập vào phần admin có thể tìm thấy link qua google

Ngoài ra robot.txt cũng là 1 phần trong kĩ thuật SEO giúp site bạn tăng rank . Cụ thể thì có thể tìm trên các site chuyên về SEO có rất nhiều. Ví dụ 1 file robot.txt như sau

User-agent: *
Disallow: /help/confidence/
Disallow: /help/policies/
Disallow: /disney/


Giải thích: User-agent: áp dụng với tất cả các bot

Nếu chỉ áp dụng cho 1 bot nào đó , googlebot chẳng hạn thì thay bằng

User-agent:Googlebot
Disallow: /help/confidence/
Disallow:/help/policies/
Disallow:/disney/


Các file trong các thư mục trên sẽ không được index

Về robot của joomla khuyên bạn chặn index các đường dẫn trong backend (Tất nhiên không có vẫn chạy tốt , nhưng để có thể sẽ bị các search engine nó index , tốt nhất nên tạo robot.txt và .htaccessbổ sung thêm những điều nên tránh trong robot.txt

Vậy file Robots.txt là gì? Khi một search engine tìm đến (nguyên văn Crawler) Website nào đó, nó sẽ tìm một file đặc biệt trước tiên, đó là file robots.txt. File robots.txt cho search engine đó biết rằng, Website này có thể index hoặc không (tùy theo lệnh được viết trong file robots.txt).

Thực chất, file robots.txt là một tập tin văn bản đơn giản (không chứa mã HTML) được đặt trong thư mục gốc của web site, ví dụ *http://www.example.com/robots.txt.

Vậy, làm thế nào để tạo ra một file robots.txt? Rất đơn giản, bạn có thể mở chương trình Notepad hay bất cứ chương trình soạn thảo văn bản nào, lưu file với tên robots.txt là xong. Các dòng lệnh trong file này có cấu trúc như sau:

User-agent: googlebot
Disallow: /cgi-bin/


Trong đó User-agent: là đại diện của một search engine, Googlebot là spider của Google. Trong ví dụ này, chỉ các spider của Google là được phép index web site. Disallow: là không cho phép thực hiện điều gì đó. ở ví dụ trên là không cho phép các spider index thư mục “cgi-bin” trong web site.

Một ví dụ nữa:

User-agent: googlebot 
Disallow: /support

Tất cả các trang nằm trong thư mục support, hay support-desk sẽ không được index.

Nếu bạn muốn tất cả các search engine có thể index web site của bạn, nhưng không được index các trang trong thư mục “cgi-bin” thì sử dụng lệnh sau:

User-agent: *
Disallow: /cgi-bin/


Những điều nên tránh:
+ Không sử dụng các chú thích trong file robots.txt, nó có thể làm cho các spider của search engine bị lầm lẫn. Ví dụ:

"Disallow: support # Don't index the support directory" might be misinterepreted as "Disallow: support#Don't index the support directory".

+ Không được để khoảng trắng ở đầu dòng lệnh, ví dụ:

User-agent: * 
Disallow: /cgi-bin/

+Không thay đổi trật tự của các dòng lệnh. Ví dụ:

Disallow: /support 
User-agent: *
+ Không sử dụng quá một thư mục trong dòng lệnh Disallow. Ví dụ:

User-agent: *
Disallow: /support /cgi-bin/ /images/


các search engine không hiểu định dạng trên. bạn nên viết thế này:

User-agent: * 
Disallow: /support
Disallow: /cgi-bin/
Disallow: /images/


+Phải chắc chắn các mệnh đề, từ sử dụng trong lệnh là đúng. Ví dụ, thư mục của bạn là “cgi-bin” (viết thường, không viết hoa), nhưng khí vào lệnh, bạn lại viết là “Cgi-Bin” thì các spider sẽ “bó tay”.

+ Không nên dùng lệnh Allow trong file robots.txt, bởi vì trong web site của bạn chắc chắn sẽ có một số trang hoặc một số thành phần bạn không muốn bị người khác “nhòm ngó”. nếu bạn sử dụng lệnh Allow, tất cả mọi ngóc ngách trong web site của bạn sẽ bị index!

Mở rộng thêm:

Website của mình muốn các robot crawl tất cả các trang, nhưng cái diễn đàn cài trong folder /diendan thì không muốn crawl, do vậy mình sử dụng google webmaster tool sinh ra file robots.txt như sau


User-agent: *
Disallow: /diendan/
Allow: /


Các bạn cho mình hỏi, nội dung file đó đã đảm bảo yêu cầu như trên chưa?Trả lời:


User-agent: *
Disallow: /diendan/



Ngoài ra, nếu bạn dùng wordpress, đây là cấu hình chuẩn file robots.txt (update 5/2012)


Sitemap: http://www.example.com/sitemap.xml

# Google Image
User-agent: Googlebot-Image
Disallow:
Allow: /*

# Google AdSense
User-agent: Mediapartners-Google*
Disallow:

# digg mirror
User-agent: duggmirror
Disallow: /

# global
User-agent: *
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/cache/
Disallow: /wp-content/themes/
Disallow: /trackback/
Disallow: /feed/
Disallow: /comments/
Disallow: /category/*/*
Disallow: */trackback/
Disallow: */feed/
Disallow: */comments/
Disallow: /*?
Allow: /wp-content/uploads/

Thứ Sáu, 4 tháng 1, 2013

Một số thuật ngữ quảng bá website

Quảng bá website - một khái niệm vốn không lạ lùng với những người nhiều năm kinh doanh trực tuyến – nhưng lại rất mới mẻ với những ai mới bước vào thế giới @.Trong bài này, chúng tôi mạn phép nêu lên một số khái niệm về lĩnh vực rất cũ của thế giới nhưng lại rất mới ở Việt Nam để các bạn tham khảo: Thuật ngữ Quảng bá website. website





+ SEO : Từ đầu tiên, nhiều người quan tâm nhất và cũng hay bị lầm lẫn nhất là SEO. SEO là từ viết tắt của Search Engine Optimization – dịch nôm na là tối ưu hóa website cho việc nâng thứ hạng web trên các cỗ máy tìm kiếm. Với khái niệm này, rất nhiều người làm kinh doanh trực tuyến thường đánh đồng SEO chính là Quảng bá website. Sự thật không phải vậy. SEO chỉ là một trong những công đoạn cơ bản và bắt buộc trong cả quá trình quảng bá một website trên hệ thống tìm kiếm. Để SEO một website, các webmaster thường phải sử dụng một số công cụ như phần mềm chuyên dụng hay các công cụ có sẵn trên Net để đo chỉ số Title, Keywords, Description, Body text, H1, H2,…H7, Các thẻ Alt, thẻ Images, Thẻ Robots, Refresh, Topic,…. và vô số những thông số kỹ thuật khác. Nguyên tắc chính của việc SEO một website là phải làm mọi cách để từng trang web và cả website chạy nhanh hơn, ít lỗi kỹ thuật hơn, mã nguồn trong sáng hơn, ít script hơn và đặc biệt: Không có các lỗi bị hệ thống tìm kiếm cho là kỹ thuật Cloaking – kỹ thuật đánh lừa các cỗ máy tìm kiếm. (Xin tham khảo bài: Các tiểu xảo trong quảng bá website)

+ SES – Search Engine Submission: Đăng ký website vào các cỗ máy tìm kiếm. Thuật ngữ này cũng rất được quan tâm vì đây là cách đơn giản và nhanh nhất giúp một website mới ra đời có thể được liệt kê trong danh bạ của các cỗ máy tìm kiếm. Để làm việc này, các webmaster thường sử dụng nhiều cách khác nhau, nhưng tựu trung có 2 cách chính:
- Tự động đăng ký: Các webmaster dạng này thường sử dụng một phần mềm chuyên về SES như AddWeb Promoter, Hello Search Engines, Dynamic Submission,… để đăng ký website vào hàng loạt cỗ máy tìm kiếm. Nhiều webmaster rất tự hào với những phần mềm dạng này khi cho rằng mình đã đăng ký website của mình (và cả của khách hàng) vào hàng ngàn – thậm chí hàng triệu “cỗ máy tìm kiếm” chỉ bằng một vài lần nhấn chuột – và phần mềm sẽ làm thay toàn bộ. Sự thật có đơn giản như thế? Hãy lấy Google, Yahoo và MSN làm ví dụ: Để đăng ký vào 3 cỗ máy này, bạn bắt buộc phải làm động tác: nhập mã số an toàn (đối với Google và MSN) hoặc đăng nhập tài khoản (nếu đăng ký vào Yahoo). Đây là việc chỉ con người mới làm được – không có một phần mềm nào đủ khả năng làm thay. Chưa hết, hiện 3 cỗ máy này đang chiếm thị phần tìm kiếm áp đảo với chỉ số: Google + Yahoo + MSN chiếm xấp xỉ 85% chỉ số tìm kiếm toàn thế giới. Ngoài ra, các Search Engine khác như AOL (sử dụng kết quả của Google), Altavista, Alltheweb, Inktomi (sử dụng kết quả của Yahoo), Ask/Teoma, Lycos, HotBot và Dogpile chiếm khoảng 14,5% thị phần còn lại. Như vậy hàng “ngàn”, hàng “triệu” “cỗ máy tìm kiếm” còn lại chỉ chiếm thị phần xấp xỉ 0,5% ! (Tham khảo: Đăng ký website vào Google, Yahoo, MSN và Ask/Jeeves).
- Đăng ký thủ công: Đây là cách làm đúng và cần thiết nhất để website của bạn sớm được nhận diện trên hệ thống tìm kiếm. Về cách đăng ký, xin vui lòng tham khảo bài viết: Đăng ký website vào Google, Yahoo, MSN và Ask/Jeeves.

+ Keywords: Từ khóa – những từ mà webmaster hoặc chủ nhân trang web cho là quan trọng đối với website của mình. Thường, mỗi website được chọn ra những từ đơn hay cụm từ nhau làm từ khóa. Ví dụ, trang web về du lịch thì các từ vietnam travel, vietnam tours, …; website về giải trí thì các từ: âm nhạc, phim ảnh, giải trí, am nhac, ca sy, nguoi mau, thoi trang,… thường được chọn làm từ khóa. Thời gian trước, từ khóa là vấn đề sống còn đối với một trang web. Nhưng nay với giải thuật mới từ các cỗ máy tìm kiếm thì từ khóa chỉ đóng vai trò thứ yếu.

+ Link Back – Link popularity: Mức độ phổ biến liên kết. Một website được đánh giá cao tại Google hay Yahoo khi nó có nhiều liên kết từ các website khác đến. Tuy nhiên, không phải cứ có nhiều liên kết là tốt vì nhiều liên kết hoàn toàn vô nghĩa vì nếu bạn liên kết đến một website bị liệt vào black list (danh sách đen vì đã sử dụng công nghệ spamming) hoặc một trang web quá ít người truy cập hay không đúng chủ đề thì lợi bất cập hại. Website của bạn có thể bị đánh giá là “cùng hội cùng thuyền” với các website kia và như thế, nguy cơ website của bạn bị rớt hạng là rất lớn.

+ Ranking, PageRank: Với ranking, thì Alexa đang chiếm uy tín tuyệt đối vì tính chính xác và độ tin cậy. Một website có thứ hạng Alexa ranking cao đồng nghĩa với việc website đó được nhiều người biết đến, nhiều người truy cập và nó cũng dễ dàng được tìm thấy với vị trí cao trên hệ thống tìm kiếm. PageRank là một công cụ đo đếm số link back của một website bất kỳ. nếu website của bạn có PageRank cao thì cũng đồng nghĩa với việc website được truy cập nhiều hơn nhờ người truy cập bấm trực tiếp vào link (hay banner, logo) để đến website của bạn và hệ thống tìm kiếm cũng ưu ái với bạn hơn.

+ Search Engine: Là các cỗ máy tìm kiếm như Google, Yahoo, Msn,… Những cỗ máy tìm kiếm này sử dụng một phần mềm gọi là Robot, hay Spider, hay Bot hoặc Crawler để tự động index và lập chỉ mục tất cả các website trên đường chúng “bò” qua. Sau đó, những thông tin này được gửi về Data Center của cỗ máy tìm kiếm để xử lý, sàng lọc, phân loại và đưa vào lưu trữ. Khi một người dùng internet cần tìm một nội dung, họ sẽ đánh từ khóa và nhiệm vụ của cỗ máy tìm kiếm là lục tìm trên danh bạ của nó các kết quả liên quan (đã lập chỉ mục trước đó). Công việc này được tiến hành hoàn toàn tự động và có thứ tự ưu tiên khác nhau cho từng site khác nhau. Các site tốt, giàu nội dung (như các trang báo điện tử, các blog lớn, các diễn đàn đông thành viên) sẽ được index thường xuyên hơn. Chính vì vậy, kết quả tìm kiếm thường tươi mới đối với những site lớn.

+ Internet Directory: Đây là các thư mục internet giống như kiểu Trang Vàng của Việt Nam. Những thư mục này chứa đựng rất nhiều website theo từng danh mục, từng chủ đề các nhau. Khác với các Cỗ máy tìm kiếm – các thư mục internet không hoạt động tự động mà thường do người quản trị cập nhật thông tin thông qua bản đăng ký của các chủ website gửi đến. Nếu website của bạn có mặt tại nhiều thư mục internet thì ranking, pagerank và cả vị trí trên các search engine cũng cao hơn.

+ SEM: Search Engine Marketing: Đây mới chính là cái mà các nhà quản trị website và người kinh doanh online nhắm đến. SEM chính là tổng hợp của tất cả các công đoạn nêu trên, gồm: tối ưu hóa website, đăng ký website vào hệ thống tìm kiếm và các thư mục internet, đặt liên kết với các site khác (trong đó bao gồm cả việc mua liên kết bằng cách đặt logo, banner quảng cáo) và nhiều việc làm khác nữa nhằm giúp website trở nên thân thiện hơn với các cỗ máy tìm kiếm để thứ hạng các từ khóa trong website ngày càng được cải thiện, website có nhiều người truy cập hơn.

Thứ Sáu, 21 tháng 12, 2012

Kiếm tiền từ Google Adsense trên Google Sites

Bạn có thể tạo blog cá nhân, blog nhóm, blog gia đình hay một trang intranet với Google Sites. Bạn có thể đăng bài, chỉnh sửa tài liệu, thêm videos, presentations, và lịch lên trang của mình và cho phép ai được chỉnh sửa và xem nó.

Trước đây, chúng ta không thể dùng công cụ này để kiếm tiền nhưng nay thì đã có thể. Google đã chính thức cho phép đặt quảng cáo Adsense trên các blog của Google Sites.


Miễn là các blog này đáp ứng các yêu cầu về nội dung và chất lượng thì đều có thể sử dụng vì mục đích kiếm tiền như bao dịch vụ blog thông thường khác.

Để biết các chèn quảng cáo adsense vào trang blog tại Google Sites, các bạn theo dõi hình ảnh trên và làm theo các bước sau:

Hướng dẫn chèn Adsense vào Google Sites:

1. Click vào thanh công cụ More actions, và chọn Manage site.
2. Click vào Monetize bên tay trái của trang.
3. Click vào nút Monetize this site.
4. Tạo một tài khoản Adsense mới hoặc sử dụng tài khoản hiện có

Sau khi đã kích hoạt AdSense, bạn tới các trang nhỏ của blog và click vào nút Insert, và chọn AdSense để chèn quảng cáo vào các trang hoặc bạn cũng có thể chèn quảng cáo vào sidebar của cả trang blog.

5 dấu hiệu của một trang thương mại điện tử tiên tiến

- Gợi ý kết quả tìm kiếm.- Xác nhận thông tin tức thì giúp khách hàng tiết kiệm thời gian.- Giỏ hàng trực quan.- Cập nhật tình trạng hàng hóa giúp bạn giữ được khách hàng khi thiếu size.- Video demo về sản phẩm.

Những tính năng như: phân loại sản phẩm, thêm vào giỏ hàng, thực hiện thanh toán, theo dõi đơn đặt hàng.. là những tính năng cơ bản tạo nên nền tảng của một trang thương mại điện tử. Ngoài ra những trang e-commerce tiên tiến còn phát triển thêm một số tính năng để tăng trải nghiệm người dùng.




5 tính năng dưới đây chính là dấu hiệu chứng tỏ một trang thương mại điện tử đã "trưởng thành"

Thứ Năm, 20 tháng 12, 2012

Đánh giá chất lượng trang web bằng Avast Anti-Virus

Một số bạn sử dụng hầu như đã biết đến DINHBAS Blog rồi nên mình không nói nhưng những người chưa biết sẽ còn hoài nghi nên mình đề nghị mọi người đang dùng Avast Anti Virus đánh giá  một cách trung thực trang mình để mọi người cùng chia sẽ thông tin.

Bạn nhấn vào nút như trong hình dưới

Bình chọn vào các điểm mình đã đánh dấu bằng vòng màu đỏ và nhấn nút bình chọn

Cảm ơn các bạn đã ủng hộ blog trong thời gian qua. Chúc các bạn có ngày nghĩ vui vẻ.

Chủ Nhật, 2 tháng 12, 2012

Tạo icon cho tên miền Dot.TK

Thông thường để thiết lập một favicon cho website ta làm như sau

<link id="id_icon" href="đường dẫn đến icon" rel="icon" type="image/x-icon" />

Cách trên thì oki nhưng lại gặp trục trặc với tên miền .tk. Vì là tên miền này miễn phí nên nó chắc phải ghi cái “bản mặt” nó vào =)) . sau đây mình sẽ hướng dẫn các bạn cách thay đổi được cái Favicon của nó. Bằng cách chèn một đoạn script có tác dụng sẽ ghi đè cái Favicon của mình lên sau khi trang web load xong. Các bước làm như sau


Chuẩn bị 1 cái icon rồi up lên host. Nếu chưa có bạn có thể vào website này để tạo cho nhanh http://www.favicon.cc/.
Mở file header.php ra, vào thẻ head chèn hàm javascript này vào

function changeFavicon(href) {
var icon = $('#favicon');
icon.replaceWith(icon.clone().attr('href', href));
 }

Sau đó chúng ta gọi hàm

$(document).ready(function() {
changeFavicon('http://
shoptamky.tk/favicon.ico');
});



Bạn nhớ thay đổi link của icon nhé.
Do dùng Jquery nên bạn phải có thư viện này. Nếu chưa có bạn down về và bổ sung hoặc thêm dòng code này vào trước đoạn script trên

<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Cuối cùng ta thu được đoạn code như sau:

<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
 //Hàm thay đổi icon
function changeFavicon(href) {
var icon = $('#favicon');
icon.replaceWith(icon.clone().attr('href', href));
}
$(document).ready(function() {
changeFavicon('http://http://shoptamky.tk/favicon.ico');
});
</script>

Vậy là đã cái favicon của mình vào rồi. Tuyệt

//ps: có thể lúc loading bạn thấy tên miền của .tk nhưng sau đó lại bị javascript của ta replay lại

Chúc các bạn thành công

5 Cách để Website Thân Thiện Hơn Với Cấu Hình Điện Thoại

Nếu bỏ qua các ứng dụng di động trên platform trong quá khứ, bạn có thể gặp một số khó khăn khi hỗ trợ trình duyệt cho di động với những trang web hiện tại của mình. Có rất nhiều điều để học hỏi, cả triệu công nghệ để lựa chọn và vô số công việc mà có khả năng là bạn sẽ cần cho những dự án hiện tại của mình.

Một câu hỏi mà các designer và chủ website luôn muốn tìm hiểu là “Làm thế nào để tôi có thể thệm hỗ trợ điện thoại một cách nhanh chóng?” Đôi khi bạn không đủ ngân sách để bắt đầu lại từ đầu nhưng vẫn muốn có được phần tinh túy cho chiếc điện thoại. Hôm nay tôi sẽ giới thiệu 5 cách nhanh chóng giúp trang web của bạn trở nên thân thiện hơn với cấu hình của điện thoại.
Sử dụng Fluid Layout



Fluid layouts đã được sử dụng từ rất nhiều năm qua. Rất lâu trước khi nó được áp dụng vào thiết kế như chúng ta đã biết, rất nhiều web designer và developer đã sử dụng kỹ thuật này như giải pháp cho nhiều kích cỡ viewport khác nhau..someColumn { width: 30%; }


Thật dễ dàng khi tạo một fluid layout, tất cả những gì bạn cần làm là chọn chiều rộng theo tỷ lệ % trong CSS của bạn. Thay vì chọn cột với chiều rộng là 350px, bạn có thể tùy chỉnh thành 30%. Tùy chỉnh chiều rộng sẽ tự động chuyển kích thước của viewport thành con số và thiết lập chiều rộng thành 30%. Vì vậy nếu cửa sổ trình duyệt của bạn là 900px wide thì chiều rộng của cột sẽ là 270px.

Vậy làm thế nào để có kích thước viewport thật phù hợp. Bí quyết là bạn cần hiểu thuật toán cần thiết. Bạn có 100% kích thước, một layout 5 cột, bạn sẽ cần tùy chỉnh chiều rộng mỗi cột là 20% (20*5=100). Tuy nhiên điều này sẽ làm phần cột của bạn lấp đầy chiều rộng vốn có và không có không gian giữa các cột. Thường thì bạn sẽ muốn thêm vào một số margin và nó sẽ chiếm một phần của chiều rộng.

Bạn cần xác định mình muốn bao nhiêu margin cho mỗi cột, sau đó nhân với số lượng cột để có tổng %. Cuối cùng, bạn chia cột thành các phần như bạn muốn. Tôi thường dùng Instacalc để tìm các con số mình muốn.



Bạn có thể thấy tôi đã tùy chỉnh layout 5 cột với 4% margin trên mỗi cột (2% cho cột bên trái và 2% cho cột bên phải). Chỉ cần click vào hình ảnh ở trên và nhập giá trị, bạn sẽ có những con số mà bạn muốn.

4% lần margin để có 5 cột bằng nhau tương đương 20% cho chiều rộng của margin, 80% còn lại cho chiều rộng đã chia bằng 5 cột bằng nhau với chiều rộng mỗi cột là 16%.



Dù kích thước cửa sổ trình duyệt là bao nhiêu, tỷ lệ này vẫn sẽ được duy trì.
Thực hiện với Sass



Nếu bạn muốn thiết lập trong CSS thật dễ dàng, bạn có thể dùng Sass để tìm ra tỷ lệ phù hợp nhất. Mixin sẽ thực hiện tất cả những gì cần thiết, đơn giản là bạn chỉ cần điền số cột và margin cho mỗi cột.@mixin columnFix($columns,$margin) { $totalMargin: $columns * $margin; $totalContent: 100 - $totalMargin; width: $totalContent / $columns; margin-left: $margin / 2; margin-right: $margin / 2; }


Để sử dụng mixin này, bạn chỉ cần thêm tên vào kế mixin và những thông số mà tôi đã đề cập. Đây là một ví dụ tự động phân chia margin 4% cho mỗi cột..column { @include columnFix(4, 4%); float: left; }


CSS sẽ phân bổ chiều rộng 21% cho mỗi cột với 2% margin trái và phải. Kỹ thuật này cũng hữu ích như Sass và LESS..column { width: 21%; margin-left: 2%; margin-right: 2%; float: left; }

Sử dụng framework



Nếu bạn thận trọng trong việc xây dựng fluid layout ngay từ đầu, có rất nhiều framework CSS có sẵn cho công việc của bạn. Hãy xem một số tùy chọn sau, có thể chúng sẽ giúp bạn có fluid layout thật đẹp.
The 1140px CSS Grid System
Fluid 960.gs
Tiny Fluid Grid
NegativeGrid
Golden Grid System
Fluid Baseline Grid
Cột truy vấn đơn

Lời khuyên của tôi để có một trang web thân thiện trên điện thoại là bạn phải đáp ứng thích nghi. Điều này cho phép bạn tạo một thiết kế duy nhất có thể phù hợp và thích nghi với các viewport khác nhau, đảm bảo trang web của bạn sẽ được hiển thị thật tốt trên bất kỳ thiết bị nào. Giải pháp này khá hữu ích và thực hiện đơn giản hơn những gì bạn tưởng tượng.

Nếu bạn vẫn gặp những thách thức khác nhau khi nỗ lực để có một thiết kế thật sự thích nghi. Bạn cần tiếp cận một cách mới trong thiết kế web và tối ưu hóa trang web của bạn bằng rất nhiều ý tưởng khác nhau.

Trên thực tế, bạn sẽ không có thời gian và ngân sách để tập trung đáp ứng mọi thứ. Thậm chí nếu bạn đang lên kế hoạch dài hạn cho thương hiệu, ít nhất hãy làm cho trang web của bạn thật phù hợp với những viewport nhỏ hơn.

Một giải pháp để trang web của bạn hiển thị tốt trong cột truy vấn đơn là hãy chọn 100% chiều rộng cho cột và khung chứa. Giảm kích thước cửa số trình duyệt và lưu ý phần lỗi, sau đó thêm những bước cơ bản để sửa nó:@media only screen and (max-width : 700px), only screen and (max-device-width : 700px) { .container, .mainColumn, .footerColumn, {width: 100%; margin-left: 0;} p {margin-bottom: 20px;} img {max-width: 100%;} }


Như những gì tôi đã thực hiện ở đây, bạn có thể sẽ phải điều chỉnh một số thông số khác ngoài việc thiết lập chiều rộng cột là 100% nhằm đảm bảo mọi thứ vẫn trông thật đẹp với layout mới. Sử dụng công nghệ này, layout mặc định sẽ hiển thị tất cả với màn hình lớn và sẽ trở thành một cột duy nhất khi viewport nhỏ hơn để phù hợp với thiết kế ban đầu (như ví dụ ở trên của chúng tôi là 700px).

Tôi đã chứng minh kỹ thuật này trong một bài viết khác với layout khá đơn giản. Bạn có thể xem thêmtại đây. Dưới đây là thiết kế ở kích thước lớn:



Trên các thiết bị nhỏ hơn, chúng tôi không bận tâm với những thay đổi nhưng thay vì chỉ đơn giản sử dụng đoạn code ở trên để tạo một cột nội dung.


Thêm các touch icon của Apple



Đây là một trung tâm iOS nhỏ nhưng nó không ảnh hưởng gì đến platform. Nó chỉ yêu cầu một nỗ lực tối thiểu để giúp website của bạn thích ứng hơn với màn hình trang chủ trên iPhone/iPad của người dùng (nó đặc biệt hữu ích cho ứng dụng web).

Safari trên iOS không chỉ cho phép người dùng bookmark một trang web theo cách truyền thống mà còn đặt nó vào icon trong grid màn hình trang chủ. Để đảm bảo icon mà Safari đã được định dạng là đúng, tốt nhất bạn có thể tạo icon riêng cho trang web của bạn.
Làm thế nào để thêm các icon

Hiện tại có 3 màn hình khác nhau thích ứng với các thiết bị của Apple: iPad, iPhone 4 và các iPhone đời trước. Kích thước 57px cho các iPhone cũ, 72 cho iPads (phiên bản 1 và 2) và 114 px cho iPhone 4 và loại mới hơn. Hãy nhớ rằng iPad 3 sẽ yêu cầu 144px icon nếu tin đồn tăng gấp đôi độ phân giải là đúng.

Đây là đoạn code mà bạn sẽ cần thêm vào cho phần đầu của file HTML.<link rel="apple-touch-icon" href="touch-icon-iphone.png" /> <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" /> <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />


Bạn có thể thêm màn hình khởi động cho ứng dụng web bằng phương pháp tương tự. Hãy xem tại đây để biết thêm thông tin.
Các hiệu ứng đặc biệt

Chúng ta đã qua phần kích thước cho mỗi hình ảnh nhưng bạn cũng nên lưu ý thêm. Mỗi icon mà bạn tạo sẽ vuông vức với góc 90 độ và không có shadow. iPhong sẽ tự động bo tròn góc cho thích hợp và áp dụng hiệu ứng đánh bóng mặc định.

Tip: Hãy thêm “precompased” cho tên tập tin để tạo hiệu ứng bóng. Ví dụ apple-touch-icon-precomposed.png.
Hiệu ứng di chuột



Đây là phần khá chung chung nhưng đôi khi tôi thường khuyến khích người bắt đầu nên cân nhắc khi thiết kế ứng dụng web cho mobile. Với thiết kế màn hình, tôi có xu hướng sử dụng hiệu ứng di chuột rộng và không thật sự đơn giản, trực quan và dùng để kích hoạt một số chức năng.

Hãy nghĩ đến cách chuyển đổi trên di động, platform touchsreen. Nó không còn là hiệu ứng di chuột đơn thuần. Bạn sẽ không cần gõ trên item, sẽ không cần dùng chuột. Vậy điều này có nghĩa là bạn sẽ không sử dụng hiệu ứng di chuột ư? Không hẳn như vậy, hãy nhớ rằng bạn cần có những chức năng thật hoàn hảo trên thiết bị di động.

Điều này không đòi hỏi bạn tốn quá nhiều công sức. Cuối cùng, tôi khuyến khích bạn nên thực hiện thử nghiệm bất cứ nơi nào có thể để cảm nhận được cách website của bạn hoạt động. Ví dụ, tôi đã viếttutorial việc tạo một navigation mở rộng có thể trượt hiệu ứng chuột. Tôi đã nghĩ menu sẽ là vi6 ích trên iOS cho đến khi không có bất kỳ hiệu ứng di chuột nào, nhưng trên iPhone và iPad, nó sẽ được tự động hiểu là cảm ứng, giúp menu hoàn hảo hơn.

Không ngừng nghĩ đến hiệu ứng di chuột bởi nó sẽ được chuyển đổi để phù hợp với platform điện thoại. Nếu không, hãy sử dụng phương tiện truy vấn truyền thông hoặc JavaScript để thay thế.
Sử dụng công nghệ điện thoại thân thiện



Web di động đã mang lại rất nhiều thách thức cho các designer và developer. Item chính là iOS đơn giản cho Flash nhưng nó không dừng lại ở đó. Trang web với đầy đủ plugin như Silverlight của Microsoft tương tự không thể install trên một vài platform điện thoại.

Giải thích cho điều này, hãy chắc chắc trang web của bạn không phụ thuộc vào các công nghệ để hoạt động. Nếu có, bạn phải kèm một phiên bản cho điện thoại. Ví dụ Youtube (trang web này trước đây chỉ là Flash) đã sử dụng HTML5 để có thể chạy tốt trên platform điện thoại.

Ngoài ra hãy chắc chắn tận dụng lợi thế của các thư viện có sẵn và cho phép bạn hỗ trợ cho platform điện thoại. Một ví dụ rất được yêu thích là JavaScript, HTML5 sẽ dựa vào toolkit được xây dựng trên jQuery và jQuert UI.


Kết luận

Rõ ràng, danh sách này không đầy đủ nhưng đó là bước khởi đầu để bạn có một trang web có thể thích ứng với bất kỳ platform nào. Một khi bạn đã nắm 5 kỹ thuật đơn giản này, tôi chắc chắn rằng bạn sẽ cảm giác tốt hơn khi tiếp cận với thiết kế ứng dụng di động cho platform trong một ngày không xa.

Hãy để lại comment bên dưới và cho chúng tôi biết bạn về những kỹ thuật này. Nếu tôi hỏi bạn về 5 cách nhanh chóng và dễ dàng để trang web của bạn trông thân thiện hơn với cấu hình điện thoại, bạn sẽ chọn gì?

Thứ Năm, 4 tháng 10, 2012

Những "mẹo" kéo khách vào web

Cũng như hàng hóa và các phương tiện khác, muốn website của công ty bạn được nhiều người biết đến thì phải tiếp thị, quảng bá nó. Trang web của công ty không những phải chuyên nghiệp về nội dung mà còn phải "nhà nghề" về thiết kế và biết cách lôi kéo khách đến xem.

Sau đây là một số "mẹo" đã được tạp chí Internet London giới thiệu trong thời gian qua:

Nội dung là... thượng đế!

15 lời khuyên đầu nhắc bạn làm web cũng giống như mở cửa hàng, phải luôn luôn tự hỏi:


1. Trên web có gì lạ, có gì cần để khách phải dừng chân.

2. Sự khác biệt của web "chỉ ghé qua một lần" và trang web khiến người ta phải vào hàng ngày là thông tin tươi mới, cách làm mới.

3. Phải có tính độc đáo của nội dung và hình thức, nếu có lỡ "copy" ý tưởng của người khác thì phải chứng tỏ mình thực hiện tốt hơn.

4. Luôn tìm hiểu đối tượng vào là những ai, tra cứu cái gì.

5. Website cần có chức năng tìm kiếm để người truy cập có thể tìm kiếm dữ liệu. Đây là một tính năng vượt trội mà một tờ báo in hay một prochure công ty muốn làm cũng bó tay !

6. Đừng khoe khoang là trang web của bạn có đủ thứ. Cứ cho biết những thông tin và khả năng thật của mình là được rồi.

7. Hãy gợi mở và để sẵn những công cụ cho người vào tự tìm kiếm thông tin. Làm cho người ta tò mò muốn tìm hiểu chứ không cần bày ra ngay tất cả.

8. Thường xuyên cập nhật thông tin tươi mới.

9. Thông tin tươi mới không chỉ là chữ mà còn là hình ảnh. Nhiều website cho thay đổi hình ảnh hàng này để tạo sự mới lạ.

10. Mở chuyên mục tin tức cho công ty của bạn và luôn cập nhật thông tin.

11. Tin tức trên website không chỉ là thông tin làm ăn mà còn có ý nghĩa giáo dục tiêu dùng, kinh doanh, đặc biệt là thương mại điện tử.

12. Tên của website cũng là một loại thương hiệu. Đặt tên cho hay, ấn tượng dễ nhớ, và nhớ đăng ký bản quyền để tránh những tranh chấp.

13. Những thông tin liên quan đến người sử dụng cần được xem trọng. Thật tuyệt vời nếu như người ta vào web không chỉ thấy có hàng hóa, dịch vụ mà còn có lịch chiếu phim, thông tin sự kiện sắp đến, thời tiết, tỷ giá ngoại tệ, giá vàng...

14. Hỏi ý kiến người sử dụng, kể cả trưng cầu ý kiến bằng cách bỏ phiếu. Tuy nhiên phải cân nhắc việc thông tin bị lộ cho phép đối thủ nắm được ý tưởng của mình.

15. Lâu lâu cần có một "happy hour" hoặc "happy day" để kích thích người truy cập viếng thăm website của bạn. Các web thường xuyên cho lấy "chùa" một số phần mềm hay đăng ký nhận không mất tiền một thông tin nào đấy.

Càng có nhiều thứ "miễn phí" càng tốt


16. Mở tài khoản e-mail miễn phí trên trang web của công ty là một sáng kiến hay đã được Hotmail, Yahoo!... áp dụng thành công. Dĩ nhiên, có chỗ "chùa" cho e-mail thì có thêm một lý do khiến người sử dụng phải thường xuyên lui tới.

17. Ngoài ra, người ta còn miễn phí không gian để khách hàng đặt trang web của họ lên trạm web của mình. Đấy cũng là một cách "buôn có bạn, bán có phường"!

18. Một đề nghị nữa là trên trạm web công ty của bạn có luôn những dịch vụ như một ISP miễn phí (cung cấp dữ liệu, phần mềm, thiết kế, tư vấn... ). Ngay chính ngân hàng cũng có thể mở chợ trên mạng và đầu tư vào Internet, kinh doanh như một ISP vậy.

19. Cho thêm một thứ "chùa" khác là cung cấp thiệp điện tử. Một trong những nơi cho không phần mềm làm dịch vụ thiệp điện tử là trạm web của Học viện Kỹ thuật Massachusetts.

20. Phần mềm cũng là một loại quà tặng khuyến mãi trên mạng rất được ưa chuộng. Cho quà gì cần chọn lựa tùy mục đích và đối tượng. Ví dụ, công ty đồ gỗ cho phần mềm thiết kế nhà cửa, công ty dệt may cho phần mềm sưu tập thời trang...

21. Games cũng là một món miễn phí được hoan nghênh. Hãy tạo thêm một lý do rất thực dụng và hồn nhiên cho khách quay lại, tại sao không?

22. Cũng giống như siêu thị, giờ đây người ta áp dụng cả cách tính điểm tặng quà cho khách vào sử dụng web. Có thể vào xem kinh nghiệm này tại www.ipoints.co.uk hay www.beenz.com

Hình thức mỹ thuật và Phương diện kỹ thuật


23. Thời giờ là vàng bạc, đừng bắt người xem phải chờ lâu hơn 1 phút mới thấy đủ mặt mũi trang web hiện lên. Muốn thế, đừng đưa quá nhiều hình ảnh, âm thanh... lên web, bởi chúng chiếm dung lượng rất lớn. Mỗi trang web không nên vượt quá 60 Kb.

24. Trách cảnh tượng trang web nhan nhản logo, banner quảng cáo. Người xem không có nhiều thì giờ, hình ảnh quảng cáo chỉ khiến người ta phải chờ lâu khi truy cập vừa gây cảm giác nhàm chán, khó chịu. Mỗi trang web chỉ nên có một hoặc hai banner đặt ở đầu và cuối trang. Có thể thêm 5 logo quảng cáo được đặt ở những vị trí không lấn át nội dung.

25. Một lời khuyên chung: web được coi là hấp dẫn phải là nơi người sử dụng bước vào nhanh nhất, lựa chọn nhanh nhất, đúng nhất. Theo kinh nghiệm của web Channel 4, sau một thời gian điều hành, người ta quyết định giảm thiểu ngay cả các thanh công cụ, bởi người vào đã học được nhanh chóng nơi nào họ cần vào, không cần phải hướng dẫn nhiều.

26. Tạo thêm những cửa sổ trình duyệt mới. Kỹ thuật cho phép ngay trên một trang web, bạn có thể tạo thêm một ô nội dung khác hiện lên cùng lúc. Người ta có thể dùng ô này để quảng bá một dịch vụ hay tiện nghi mới.

27. Có công cụ liên kết (link) với các website khác.

28. Có công cụ nói chuyện bằng văn bản tương tác trực tuyến (chat). Hai hay nhiều người có thể nói chuyện cùng lúc qua mạng về một sản phẩm hay ý định làm ăn nào đó.

29. Có forum. Điều này có thể vận dụng như hộp thư khách hàng. Tuy nhiên, để ngăn chận những thông tin gây nhiễu, cần có phương tiện lọc (filter), thông tin không nhất thiết phải đăng ngay.

30. Trang bị phương tiện ghi hình trên web (web cam). Đây là một kỹ thuật mới cho phép truyền hình trực tiếp lên trang web, rất hấp dẫn.

31. Có công cụ cho phép người sử dụng chọn cách thể hiện nội dung trên trang web theo cách riêng của mình. Chẳng hạn chọn đưa lên hàng đầu thông tin mới nhất về điều họ quan tâm như giá chứng khoán, tin giá cả sản phẩm cụ thể... Nói chung là cần chuẩn bị nhiều "thực đơn" cho khách. Muốn thế, cần phải nắm rõ thông tin cụ thể về nhiều loại đối tượng sử dụng, để chuẩn bị nhiều nội dung phục vụ cho thích hợp. Làm sao cho người sử dụng web thấy đây như là nhà mình, văn phòng mình, cảm giác thoải mái, thân thiệt là rẩt quan trọng.

32. Khách phải được tuỳ chọn muốn đưa lên những phần nội dung cá nhân của mình lên hay không.

33. Nếu cho khách để miễn phí trang web trên website của mình thì nhớ có phương tiện cho khách tự động vào thẳng.

34. Có dịch vụ tự động chuyển thông tin của mình đến e-mail của khách hàng, nhất là khách hàng để miễn phí e-mail trên website để nhắc họ luôn nhớ đến mình.

35. Nếu bạn cho sử dụng miễn phí e-mail và lưu trữ dữ liệu thì tên gốc e-mail phải giống tên gốc website của bạn thì mới đạt được mục đích quảng bá danh hiệu.

36. Phải luôn đặt mình vào vị trí người sử dụng để cải tiến nội dung và hình thức, phương tiện kỹ thuật của web cho ngày một hấp dẫn hơn.

37. Sẵn sàng "trưng cầu ý kiến bạn đọc" và thuê những nhà tư vấn phản biện, góp ý cho trang web của bạn.

10 điều không nên khi thiết kế website

Mặc dù nội dung là chìa khoá thiết yếu cho một website thương mại thành công và hiệu quả, nhưng bạn cũng không thể bỏ qua phong cách trình bày và hình thức thể hiện những nội dung đó.


Công việc này đóng luôn vai trò quan trọng nhằm thu hút sự chú ý của người truy cập và dẫn đến các giao dịch mua sắm.

Cùng với nội dung thông tin phong phú, thường xuyên được cập nhập, vẻ bề ngoài của một trang web sẽ giúp bạn có được những kết quả kinh doanh trực tuyến như mong đợi, bởi nó nói lên nhiều điều về công ty bạn, cũng như thể hiện một hình ảnh ấn tượng về phong cách kinh doanh của bạn.


Tuy nhiên, nhiều nhà thiết kế web lại thường tự mình huỷ hoại những nỗ lực đã thực hiện trong một thời gian dài bằng việc mắc phải một số sai sót liên quan đến việc trình bày nội dung trang web. Dưới đây là 10 lỗi thiết kế trang web thường gặp nhất và một số lời khuyên giúp bạn tránh xa chúng:

1. Quá nhiều hình ảnh động, đồ họa phức tạp và lòe loẹt.

Thực tế đã cho thấy những người sử dụng website cho mục đích giao dịch buôn bán luôn muốn chỉ đi thẳng vào nội dung. Nhưng với một số nhà thiết kế vẫn làm theo cách bảo thủ là để bạn chờ đợi với trang đồ họa giới thiệu và dường như cố tình không biết rằng bạn sẽ cảm thấy khó chịu với kiểu chào đón khách hàng như vậy. Các cuộc nghiên cứu cho thấy, dù các hình ảnh động này gây được sự chú ý nhất định, thì tác động chính của chúng vẫn sẽ là đẩy mọi người ra khỏi trang web này để đến với những trang web khác đơn giản hơn.

2. Quảng cáo đập ngay vào mắt.


Trong khi những quảng cáo pop-up chuẩn luôn làm người xem … khó chịu, thì đương nhiên những quảng cáo toàn màn mình (full-screen) dai dẳng càng không thể chấp nhận được. Khách ghé thăm trang web rất ghét điều này, và phần lớn trong số họ sẽ rời trang web của bạn chỉ sau vài giây, thay vì ngồi đợi để quảng cáo tự động biến mất sau đó.

3. Những “cơn ác mộng” trong điều hướng duyệt web.


Nếu người dùng web của bạn không thể đến được những nơi họ mong muốn trong một hoặc hai lần nhấp chuột, thì chắc chắn nhiều người sẽ rời bỏ trang web. Những lỗi trong điều hướng duyệt web như có quá nhiều sự lựa chọn, không có bản đồ trang web, nút “trở về” không đưa người dùng về đúng trang cuối cùng mà họ ghé thăm… sẽ khiến bạn mất đi nhiều khách hàng tiềm năng.

4. Không thể tiếp cận.


Xuất phát từ những mối lo lắng về mức độ an toàn của việc truyền thông trên mạng hiện nay và sự gia tăng của tình trạng ăn cắp thông tin cá nhân, người dùng web luôn mong muốn có thể tiếp cận được với những người mà họ đang trực tiếp giao dịch kinh doanh. Bằng việc cung cấp các địa chỉ email và số điện thoại của nhân viên có thẩm quyền, bạn có thể làm khách hàng cảm thấy an tâm và tin tưởng vào trang thương mại điện tử của mình.

5. Không có chỗ cho FAQs, comment và reply từ phía khách hàng.


Các khách hàng của trang web sẽ vô cùng phấn khởi nếu họ nhận thấy những phản hồi của họ được bạn đánh giá cao, vì thế, bạn hãy tích hợp hệ thống phản hồi thông tin và bình luận vào trang web của bạn. Đây là cách dễ dàng nhất nhằm gây dựng niềm tin và tình cảm tốt đẹp trong tâm trí khách hàng đối với công ty bạn.


Và đó cũng là cách hết sức đơn giản để bạn có được những đánh giá chính xác về tính hiệu quả của trang web, về sản phẩm dịch vụ bạn đang cung cấp, đồng thời bạn sẽ biết được các khách hàng của mình đang nghĩ gì, từ đó đưa ra những ý tưởng mới giúp cải thiện trang web của bạn ngày càng tốt hơn.

6. Tràn ngập thông tin và hình ảnh.


Nội dung trang web của bạn có thể được đánh giá là “trên cả tuyệt vời”, nhưng nếu chúng chìm nghỉm trong một biển từ ngữ hay hình ảnh, thì có lẽ mọi người sẽ bỏ qua chúng mà thôi. Chỉ cần một khoảng trống màu trắng nhỏ trên trang web sẽ làm cho mắt có một khoảng nghỉ và tạo ra cảm giác dễ chịu khi nhìn vào. Nó giúp người đọc tìm kiếm các chủ đề nội dung chi tiết, phân biệt được các khu vực thông tin và quảng cáo khác nhau, đồng thời tăng thêm tính chuyên nghiệp cho trang web của bạn.

7. Sự vui nhộn quá mức.


Những trang web B2B và trang web công nghệ cao (high-tech) thường để lộ một sai lầm tồi tệ là tích hợp hệ thống âm nhạc và hình ảnh vui nhộn vào nội dung trang web. Khi thiết kế 1 trang web, hãy nghĩ tới những người dùng web họ có thể không cần biết tất cả các bí quyết kinh doanh của bạn, nhiều khi đơn giản họ chỉ cần tìm những thông tin trung thực về hoạt động kinh doanh của bạn cũng như về sản phẩm dịch vụ bạn đang cung cấp.

8. Đồ họa kém cỏi và hình ảnh nhàm chán.


Đồ họa tồi sẽ khiến trang web của bạn trông rất nghiệp dư. Hãy đảm bảo rằng các màu sắc và câu chữ bạn sử dụng sẽ biểu lộ một sự rõ ràng, sáng sủa (và thích hợp) về sản phẩm/dịch vụ của bạn. Khi lựa chọn đồ họa và hình ảnh, bạn hãy ưu tiên cho những hình ảnh hấp dẫn, lôi cuốn và nói lên được nhiều điều về hoạt động kinh doanh của bạn.

9. “Tra tấn” khách hàng tiềm năng.

Khi khách hàng điền vào mẫu đơn đặt hàng trực tuyến và cần thay đổi một thông tin nào đó hay điền thêm vào những mục họ còn để trống, họ nên được phép quay trở lại và tiến hành thay đổi thông tin một cách dễ dàng nhất. Đừng để khách hàng phải bắt đầu tất cả lại từ đầu. Nhiều người sẽ rời bỏ trang web của bạn thay vì kiên nhẫn điền lại toàn bộ các thông tin của họ.



10. Giới thiệu sản phẩm/dịch vụ theo một cách duy nhất.


Bạn nên tạo ra một vài phương pháp khác nhau để khách hàng mua sắm sản phẩm/dịch vụ có thể tìm kiếm dễ dàng. Hãy tạo ra sự dễ dàng đó bằng cách sắp xếp việc mua sắm theo loại sản phẩm, theo thứ tự ABC, theo kích cỡ, theo giới tính, theo nhà sản xuất, hay theo bất cứ tiêu chuẩn nào khác mà khách hàng có thể sử dụng đến tuỳ thuộc vào loại sản phẩm/dịch vụ bạn đang cung cấp.


Có thể nói, để có một wesite kinh doanh hoàn chỉnh, thì bên cạnh nội dung hợp lý, bạn cần chú ý tới hình thức bên ngoài của trang web, sao cho trang web thực sự hấp dẫn nhưng không quá loè loẹt, sinh động nhưng không ồn ào, thông tin nhiều nhưng không tràn ngập… Điều đó tạo cho khách hàng cảm giác thoải mái khi lựa chọn sản phẩm/dịch vụ phù hợp nhất với nhu cầu của mình

Tăng pagerank cho website mới

1. Tham gia Message Board Discussions tại abcnews.go.com. Ở đó sử dụng công cụ WYSIWYG để post bài, bạn hãy chèn textlink của mình vào (PR8).
2. Comment vào trang web 22.tmz.com. Sau đó vào email comfirm, thế là có thêm một cái (PR8)
3. Tạo một profile trên espn.go.com và post một link tới website bạn thông qua “comment wall”. (PR8)
4. Tham gia cộng đồng Google Earth’s (forums) và tiếp tục chèn link vào signature. (PR8)
5. Tham gia forum USAToday.com và post link tới website của bạn (PR8)
6. Tạo một profile tại poynter.org và post link tới website của bạn. (PR7)
7. Tạo một profile tại ojr.org và post link tới website của bạn (PR7)
8. Tạo một blog tại fannation.com và post link tới website của bạn. (PR7) 9. Tạo một blog tại newsvine.com và post link tới website của bạn. (PR7)
10. Tạo một Profile tại blogs.msdn.com và post link tới website của bạn (PR7) 11. Tạo một profile tại iVillage.com và post link tới website của bạn trên forum của ivillage (PR7)
12. Tạo một tài khoản tại Airamerica.com và post comment vào blogs. Thêm 1 phát (PR7)
13. Comment trên blog dooce.com (PR7) 14. Comment trên blogs time-blog.com (PR7)
15. Comment trên bài viết của www.tvsquad.com (phải đăng kí nick) (PR7)
16. Comment trên thatsfit.com (phải đăng kí nick) (PR7)
17. Tạo một cái profile ở community.active.com rồi post backlink (PR6)
18. Comment tại trang stories : longwarjournal.org (PR6)
19. HappyNews.com. (PR6)
20. Đăng kí tại absolutepunk.net (phải đăng kí nick) (PR6)
Chắc hẳn sau 1 tháng Website bạn sẽ tăng PR nhanh một cách đáng kể
DBS M05479
Quang Cao