Hiệu ứng biến dạng nút bằng bộ lọc. Các bản demo trước đây áp dụng cho nội dung HTML. Bộ lọc SVG phức tạp: CSS cho phông chữ

Cái gì tài nguyên tốt nhất Internet làm gì với trang chủ của họ? Thiết kế, tiếp thị và yếu tố chức năng cho phép bạn chuyển đổi khách truy cập mới thành người đăng ký hoặc khách hàng trung thành một cách hiệu quả? Có cần thiết không trang đích đẹp nó sẽ hoạt động tốt chứ?

Điều thú vị là trên thực tế, các trang web xấu thường chuyển đổi tốt hơn các tài nguyên có trình độ cao hơn và thiết kế thời trang. Tất nhiên, điều này không thể được coi là một quy luật, nhưng đôi khi những tiền lệ như vậy vẫn xảy ra và có thể mang đến cho bạn nhiều hiểu biết sâu sắc về tiếp thị thú vị.

Một ví dụ điển hình về một nguồn tài nguyên phổ biến có thiết kế khủng khiếp là Graigslist. Như bạn có thể thấy, đây chỉ là một loạt các liên kết màu xanh được nhóm lại với nhau, nhưng cách tiếp cận này mang lại hiệu quả cao, bởi vì Graigslist từ lâu đã được coi là một trong những liên kết tốt nhất. dịch vụ thành công trực tuyến.

Dưới đây chúng ta sẽ đề cập chi tiết hơn về sự cân bằng tinh tế giữa thiết kế xấu và đẹp. Bây giờ, hãy cố gắng nhớ rằng bạn không cần phải tạo ra một trang đích hiện đạiđể làm cho nó hiệu quả.

Những trang đích đẹp chúng ta sẽ học hôm nay

Danh sách này chứa các trang đích dễ thương có thể dạy cho chúng ta một số bài học tiếp thị quan trọng.

"3 bước tôi đã sử dụng để xây dựng 4 doanh nghiệp trị giá hàng triệu đô la"

Neil Patel - doanh nhân nổi tiếng, nhà đầu tư và nhà phân tích cổ phần tư nhân - không ngừng thay đổi vẻ bề ngoài blog và trang đích của bạn để tăng chuyển đổi hoặc cung cấp cho người đọc quyền truy cập vào các ưu đãi đa dạng.

Phiên bản hiện tại là một trong những phiên bản hiệu quả nhất mà anh từng sử dụng. Thiết kế này cho thấy đáng kinh ngạc cấp độ cao chuyển đổi mặc dù biểu mẫu khách hàng tiềm năng yêu cầu khách truy cập cung cấp số điện thoại.

"Nhận ngay lập tức kết nối miễn phíđến nền tảng học tập"

Mới gần đây, Chris Ducker—một doanh nhân, diễn giả và blogger thành công—đã chuyển sang một nền tảng khác và khi làm như vậy, ông đã triển khai một chiến lược tuyệt vời. thiết kế mới. Trang đích của anh ấy chuyển đổi rất tốt và phần lớn điều đó đã đạt được nhờ vào bức ảnh Chris đang nhìn (theo nghĩa đen) ở tiêu đề của biểu mẫu đăng ký tham gia của anh ấy. Chúng ta sẽ xem xét ví dụ này chi tiết hơn sau.

"Độc quyền: Tương lai trị giá hàng tỷ đô la của tiếp thị trực tuyến"

Dự án phụ này của giám đốc kinh doanh và doanh nhân Glen Allsop chính xác là trường hợp khi việc cải thiện giao diện của trang đích dẫn đến giảm kết quả. Glen tuyên bố rằng tỷ lệ chuyển đổi trang đích của anh dao động từ 45-64% tùy thuộc vào cách cấu trúc.

Vì vậy, một lời đề nghị sẽ chuyển đổi tốt hơn nhiều nếu chỉ nền trắng với một biểu mẫu khách hàng tiềm năng duy nhất và không có tùy chọn cuộn.

"Tốt nhất là chính bạn. Kế hoạch tập thể dục miễn phí cho mọi cấp độ thể chất"

Phiên bản hiện tại của trang đích của trang web phổ biến này được tối ưu hóa tốt đến mức nó được coi là một ví dụ tuyệt vời về cách sử dụng bằng chứng xã hội.

Công ty tiến hành thử nghiệm phân tách rất thường xuyên và liên tục thay đổi các ưu đãi.

"Chúng tôi ở đây để giúp bạn trông đẹp nhất"

WPMU DEV phát triển riêng Plugin WordPress và chủ đề và thực hiện nó rất hiệu quả. Trang đích được tối ưu hóa cẩn thận để quảng bá ưu đãi và bên dưới chúng tôi sẽ nói về những gì nhóm đã có thể làm để thúc đẩy độc giả đến nhiều hơn Nghiên cứu chi tiếtđịa điểm.

“Mọi thứ bạn cần để gửi đúng email”

AWeber gần đây đã thiết kế lại trang đích của họ và nhờ đó đã tăng đáng kể tỷ lệ chuyển đổi của họ. Nhóm đã tạo được một trang với thiết kế đẹp, thực sự mang lại kết quả ấn tượng.

10 bài học những trang đích này dạy chúng ta

1. Lời kêu gọi hành động rõ ràng

Một trong những điều nhất kết luận quan trọng Ví dụ của họ ở trên là trang đích của bạn phải có lời kêu gọi hành động rất rõ ràng. Nếu bạn có thể biến nó thành yếu tố CTA duy nhất của mình thì càng tốt. Điều chính là khách truy cập vào trang web và hiểu ngay những gì được yêu cầu ở anh ta. Đừng nhầm lẫn mọi người với những câu không cần thiết. Lấy gợi ý từ các trang đích của Marketing Inc và AWeber, vốn mong muốn người dùng thực hiện một hành động.

2. Hình ảnh (giao tiếp bằng mắt)

khả dụng các ảnh đẹp rất quan trọng đối với một trang đích. Hầu như tất cả các trang đích được đánh giá đều sử dụng hình ảnh rất thông minh để thu hút khán giả. Chris Ducker vượt trội hơn các ví dụ khác về mặt này, vì hình ảnh giúp anh tập trung vào khu vực mà anh muốn thu hút sự chú ý của khách truy cập. Trong nhiều trường hợp, tham chiếu trực quan như vậy có thể làm tăng đáng kể việc chuyển đổi tài nguyên.

3. Sự khác biệt hóa đáp ứng trên thiết bị di động

Có thể bạn không cần phải nhắc về điều này, nhưng vào năm 2016, việc điều chỉnh trang đích của bạn cho phù hợp thiêt bị di động có tầm quan trọng rất lớn. Số người đọc blog trên thiết bị di động đang tăng lên nhanh chóng, vì vậy bạn cần đảm bảo rằng họ không rời khỏi trang web của bạn vì văn bản khó đọc hoặc các trang có cấu trúc kém.

Trang đích đáp ứng trên thiết bị di động thường khác với phiên bản dành cho máy tính để bàn, bởi vì các thiết bị khác nhau mọi người có xu hướng thực hiện các hành động khác nhau. Hãy xem các trang web được liệt kê ở trên từ điện thoại thông minh và PC của bạn và bạn sẽ thấy những giải pháp thú vị mà các công ty này sử dụng.

4. Xây dựng thương hiệu được quy hoạch tốt

Một trong tính năng đặc trưng Tất cả các trang này đều có thương hiệu rõ ràng. Màu sắc, phông chữ, kiểu dáng và hình ảnh nhất quán và phù hợp với mục đích và đối tượng. Nhờ cách tiếp cận này, các trang web xuất hiện chuyên nghiệp hơn đối với khách truy cập, dẫn đến tăng chuyển đổi. Sự tin cậy đóng vai trò rất quan trọng khi bạn yêu cầu người đọc để lại email, số điện thoại hoặc thẻ tín dụng. Ít nhất, bạn nên kiểm tra trang đích của mình và kiểm tra lỗi.

5. Lợi ích (không chỉ tính năng)

Một trong những câu ngạn ngữ tiếp thị cổ điển là bạn nên tập trung vào lợi ích chứ không phải tính năng của ưu đãi. Đừng nói với mọi người mọi chi tiết về đề xuất của bạn - thay vào đó, hãy cố gắng nói cho họ biết họ sẽ cảm thấy thế nào và cuối cùng họ sẽ đạt được điều gì. Hãy chú ý dòng tiêu đề trên Bodybuilding.com nói về việc “thay đổi bản thân” thay vì hiển thị kế hoạch tập luyện đã chọn. Đây là một lời kêu gọi cực kỳ kích thích.

6. Mồi câu chất lượng

Hầu như tất cả các trang đích tốt đều cung cấp cho khách truy cập một số loại mồi nhử để khuyến khích họ đăng ký hoặc xem xét kỹ hơn ưu đãi. Chris Ducker sử dụng phương pháp này rất hiệu quả, tôn vinh từng thành tích mà người đăng ký của anh ấy đạt được. Thật khó để bỏ qua những lý lẽ rõ ràng và thuyết phục như vậy.

7. Ý thức về thời gian

Truy cập trang web của Marketing Inc và bạn sẽ thấy một chiếc đồng hồ ở giữa trang đang đếm ngược cho đến hội thảo trực tuyến tiếp theo. Đây là một kỹ thuật tiếp thị đã được chứng minh là tạo ra cảm giác lo lắng cho khách truy cập - họ biết thời gian không còn nhiều và họ hành động. Nếu bạn có thể đưa bộ đếm thời gian trung thực và hữu ích vào ưu đãi của mình, điều đó rất có thể sẽ tăng đáng kể lượng người đăng ký của bạn.

8. Sự khan hiếm

Neil Patel đang cung cấp một số lượng hạn chế các địa điểm để tham dự hội thảo trực tuyến của mình. Giống như áp lực về thời gian, sự khan hiếm thúc đẩy mọi người hành động vì họ sợ bỏ lỡ điều gì đó có giá trị. Đặc điểm tâm lý này thực sự đã được hình thành trong ý thức của chúng ta kể từ thời điểm chúng ta chiến đấu để sinh tồn - cảm nhận được khả năng mất đi thứ gì đó, não sẽ gửi tín hiệu buộc chúng ta phải hành động nhanh chóng.

9. Bằng chứng xã hội

Ngành thể hình thường sử dụng bằng chứng xã hội dưới dạng ảnh trước và sau, rất đơn giản và hiệu quả. Bodybuilding.com đã dựa gần như toàn bộ nội dung trong màn hình đầu tiên của nó vào khái niệm này, khiến bạn ngay lập tức muốn nhấp vào nút và thay đổi cơ thể của mình giống như những người được hiển thị bên phải.

Hãy nhớ rằng tất cả các hình ảnh phải là sự thật, vì luật pháp ở nhiều quốc gia nghiêm cấm việc làm sai lệch những thông tin đó. Ngay cả khi chỉ có một vài người đăng ký vào blog của bạn, hãy cố gắng thu hút một vài người đánh giá thực tế từ độc giả và các blogger khác và đặt chúng ở những vị trí phù hợp nhất trên trang của bạn.

10. Dấu hiệu của sự tin tưởng

Đặt một khối có logo thương hiệu dưới biểu mẫu khách hàng tiềm năng của bạn để lấy được lòng tin của khách truy cập mới. Họ sẽ thấy rằng các công ty và khách hàng có uy tín khác sẽ hỗ trợ bạn và sẽ cung cấp cho bạn thông tin liên hệ của họ mà không phải lo lắng gì. Hãy nhớ rằng, nhiều người vẫn sợ phải rời xa thông tin cá nhân trên mạng.

Nếu bạn dự định sử dụng bất kỳ phương pháp nào trong số này trên trang đích của mình, hãy nhớ kiểm tra mọi thay đổi bạn thực hiện để đảm bảo chúng có tác động tích cực. Hãy nhớ rằng, những gì hiệu quả với một trang đích có thể là thảm họa đối với một trang đích khác.

Làm cách nào để tạo hạ cánh đẹp trang?

Bạn có ba lựa chọn để phát triển sự kiện:

1. Tự thiết kế lại trang đích của bạn

Nếu bạn giỏi thiết kế, bạn có thể tự tạo một trang đích mới, sau đó thuê một nhà thiết kế bố cục và lập trình viên có năng lực để viết ra toàn bộ trang đích đó. mã yêu cầu(hoặc dùng ). Tuy nhiên, chúng tôi không khuyến nghị tùy chọn này nếu bạn không hiểu mình nên đặt những yếu tố nào trên trang đích của mình để có được kết quả tốt nhất.

2. Thuê nhà thiết kế chuyên nghiệp

Ngày nay trên Internet có hàng ngàn nhà thiết kế web phục vụ bạn, những người có thể tạo ra những tác phẩm rất ấn tượng trang đích. Một dự án cá nhân chính thức sẽ tiêu tốn của bạn vài nghìn đô la, nhưng thậm chí phát triển đơn giản thiết kế trang đích sẽ mang lại kết quả rõ rệt - đặc biệt nếu bạn liên hệ với các chuyên gia của chúng tôi.

3. Mua mẫu làm sẵn

Tùy chọn cuối cùng là đơn giản và rẻ nhất và rất có thể sẽ giúp bạn kết quả tốt. Chúng tôi cung cấp nhiều chủ đề chất lượng cao sẽ giúp bạn tiết kiệm thời gian và tiền bạc để tạo trang đích hấp dẫn nhất.

Khi bạn có trang web của riêng mình, chắc chắn sẽ có người liên kết đến nó. Ví dụ: công cụ tìm kiếm mà người dùng sẽ truy cập trang web của bạn. Anh ta sẽ vượt qua và anh ta sẽ thấy gì? Cái này Câu hỏi quan trọng, bởi vì quyết định của anh ấy quyết định liệu người dùng sẽ ở lại trang web hay để nó ngay tại đó.

Trang đích, trang đích, trang đích, trang đích - nó là gì và hoạt động như thế nào? Đây chính là nơi mà khách truy cập kết thúc bằng cách sử dụng liên kết đến trang web của bạn. Thứ gì đó sẽ cuốn hút anh ấy và khiến anh ấy ở lại. Mỗi trang web đều có ví dụ về các trang như vậy.

Các tính năng của một trang như vậy

Một trang như vậy sẽ trông như thế nào trên trang web? Chính xác theo cách bạn muốn tác động đến khách truy cập. Toàn bộ ý nghĩa của một trang như vậy nằm ở chỗ nó hiệu quả tối đa và tính hợp lý.

Bạn cần quản lý để phù hợp với mọi thứ bạn cần trên đó và không thêm bất cứ thứ gì không cần thiết. Sự hiểu biết rõ ràng về mục đích mà trang web được tạo ra sẽ giúp bạn chọn được các yếu tố phù hợp.

Nếu trang đích không đẩy khách truy cập đến hành động tích cực, thì cô ấy vô giá trị. Người dùng nên làm gì? Ví dụ: nếu trang web có định dạng giống như của tôi và liên tục xuất hiện trên đó, thì khách truy cập chắc chắn cần phải đăng ký nhận các bản cập nhật.

Trang đích của một cửa hàng ảo thúc đẩy người dùng sử dụng ngay và mua thứ gì đó. Ngay cả một trang thông tin đơn giản với trang hoạt động cũng có thể khuyến khích người dùng đắm chìm hơn vào thông tin được quảng cáo.

Sự đơn giản là chìa khóa thành công

Lời kêu gọi hành động rõ ràng và ngắn gọn sẽ hoạt động tốt hơn nhiều so với một đoạn văn bản, ngay cả khi nó mang tính thông tin. Bạn cần nghĩ về điều này trước hết, ở giai đoạn đang diễn ra quá trình phát triển. Có thể được tìm thấy trong thêm lời khuyên về việc chuẩn bị và tạo ra trang web.

Điều quan trọng là người dùng phải tập trung vào Hành động cụ thể, nên không có nhiều cuộc gọi như vậy. Lý tưởng nhất - một. Không cần phải đề nghị mua bất cứ thứ gì hoặc đăng bài quảng cáo bổ sung trên trang nơi khách truy cập phải đăng ký đăng ký. Đi đến thông tin thêm Tốt nhất là đặt các nút.

Phương pháp thiết kế phù hợp

Phần mở đầu trang đích nên đơn giản và ngắn gọn. Đồng thời, của anh ấy nhiệm vụ chinh- khiến người dùng quan tâm và buộc anh ta ở lại trang. Kích thước phông chữ và khả năng đọc cũng đóng một vai trò quan trọng trong việc thu hút sự chú ý.

Khi có rất nhiều trên trang Văn bản bổ sung hoặc hình ảnh giải thích, điều này có thể khiến người dùng sợ hãi. Nhận thức quá tải về văn bản và hình ảnh. Một trang đích lý tưởng có thể gần như trống rỗng với tối thiểu các yếu tố cần thiết nhất.

Theo tôi, một thiết kế đơn giản là tốt nhất. Để hướng ánh nhìn của người dùng đến vị trí mong muốn trên trang, hãy sử dụng mũi tên hoặc các hình ảnh hướng dẫn khác.

Cách tối ưu hóa

Có một số thủ thuật để tối ưu hóa trang này. Để khiến người dùng ở lại trang lâu hơn, hãy thường xuyên vào đó.

Phương pháp hiệu quả thu hút sự chú ý mà không tạo gánh nặng cho người dùng bằng hoạt động bổ sung. Văn bản đảo ngược, kết hợp màu sắc bất thường và những thứ khác thủ thuật thị giác cũng thu hút sự chú ý về phía mình.

Nếu trang phải có các trường để điền thì không nên có quá nhiều trường. Sau đó, người dùng sẽ không bị cản trở bởi nhu cầu thường xuyên phải điền chúng. Và bạn sẽ không phải mày mò bố cục html trong một thời gian dài.

Tôi biết " "Chúng còn nhiều nữa khuyến nghị hữu ích về chủ đề này

Theo dõi những điều này các mẹo đơn giản bạn sẽ tạo một trang đích thú vị và hoạt động hiệu quả. Và nếu bạn đăng ký nhận các cập nhật blog của tôi, bạn sẽ không bỏ lỡ những cập nhật mới bài viết thú vị, sẽ sớm xuất hiện ở đây. Ở tôi cũng vậy Nhóm VKontakte Bạn có thể xem tin tức mới nhất trực tiếp từ trang của bạn.

Chúng tôi đã phát hành sách mới“Tiếp thị nội dung ở trong mạng xã hội: Cách đi sâu vào tâm trí người đăng ký và khiến họ yêu thích thương hiệu của bạn.”

Trang đích là gì?

Landing page (hay còn gọi là landing page) thường có nghĩa là có quá nhiều thứ không liên quan. Thuật ngữ này thường được sử dụng để chỉ một cấu trúc được xây dựng theo cách thu thập lưu lượng truy cập tối đa và đảm bảo chuyển đổi lớn nhất trong lưu lượng truy cập này.

Đúng, cách diễn đạt này hoàn toàn đúng, nhưng nó không nhất thiết phải là một trang, vì một trang web, chẳng hạn như cửa hàng trực tuyến, có thể có nhiều trang đích.

Từ góc độ phân tích trang web, trang đích là trang nhập nơi lưu lượng truy cập đến.

Tại sao cần có trang đích?

Theo quy luật, chúng được tạo ra trong các vấn đề tối ưu hóa chuyển đổi: khi cần thúc đẩy người dùng thực hiện một hành động mục tiêu. Chuyển đổi bao gồm quá trình thực hiện một số hành động được nhắm mục tiêu nhất định (mua, tải xuống, xem, v.v.) và tỷ lệ chuyển đổi là phần trăm người dùng đã thực hiện hành động được nhắm mục tiêu chính xác này. Điều này dẫn tới sai số nhỏ khi Chúng ta đang nói về về việc đặt tên chúng là các trang “bán hàng”, vì việc bán hàng không phải là hành động mục tiêu duy nhất.

Các yếu tố ảnh hưởng đến chuyển đổi:

• Chất lượng giao thông. ĐẾN sau đó nó sẽ đến trang nơi những người này đến từ, những gì họ muốn xem trên trang web.
• Giao diện. Việc thiết kế trang nên được thực hiện theo cách mà tất cả thông tin cần thiếtđã ở trước mắt tôi.

Điều đáng lưu ý là cài đặt đúng landing page tăng số lượng đơn đăng ký lên 5 - 10 lần.

Để đạt được chuyển đổi tăng lên, bạn cần tối ưu hóa đúng cách các trang đích của mình.
TRONG trang đích phù hợp Không được có các liên kết gây mất tập trung, văn bản không rõ ràng (không mang tính thúc đẩy) và các hình thức quá tải.

Làm thế nào để tạo landing page phù hợp?

1. Quyết định mục tiêu của bạn. Bạn muốn những hành động nào từ người dùng: gửi đơn đăng ký, mua hàng, xem. Đây là những điểm hỗ trợ.
2. Viết văn bản tốt. Tiêu đề phải hấp dẫn và phù hợp truy vấn tìm kiếm người dùng. Hãy cho chúng tôi biết về sản phẩm hoặc dịch vụ. Làm thế nào người mua có thể thích bạn, mô tả những lợi thế. Ví dụ: dòng tiêu đề “Chúng tôi bán sản phẩm đáng tin cậy hệ thống an ninhở Voronezh" thì tốt hơn là "Bạn đã đến đúng địa chỉ", v.v. Hãy nhớ rằng văn bản không được chứa lỗi hoặc lỗi chính tả.
3. Thiết kế nên thu hút sự chú ý. Nếu bạn đang bán một thứ gì đó, việc hiển thị “bộ mặt sản phẩm” và thậm chí tốt hơn là hiển thị nó đang được sử dụng là điều hợp lý. Video và những hình ảnh đẹp tiếp tục tập trung.
4. Nếu mục đích là để người dùng gửi biểu mẫu thì nó phải được đặt ở nơi dễ nhìn thấy. Và để nó không làm gián đoạn đường di chuyển chung của anh ấy trên trang. Hành động mục tiêu phải là nơi mắt nhìn vào. Liên kết đến các sản phẩm khác, hình ảnh đẹp - bất cứ điều gì có thể thúc đẩy khách truy cập xem xét kỹ hơn trang web của bạn. Mẫu đơn chỉ nên yêu cầu thông tin bắt buộc. Đừng quá tải biểu mẫu một lượng lớn lĩnh vực. Chỉ để lại những dữ liệu cần thiết để xử lý tiếp. Bắt buộc: biểu mẫu phải trả về phản hồi về việc gửi thành công (hoặc không thành công, cho biết lý do).

Ví dụ về một mẫu đơn xin việc tốt

Và xa hơn:

• Nội dung nên có tác dụng tăng sự tin cậy.
• Đặt logo thương hiệu nổi tiếng, người mà bạn đã cộng tác, địa chỉ, số điện thoại - mọi thứ có thể chứng minh rằng bạn là người thật và có thể tin cậy được.

Ví dụ về các trang đích có chuyển đổi cao

Hãy xem xét trang đích Khóa học kỹ thuật nói:

• Hãy chú ý đến bức ảnh: người đó không nhìn vào tiêu đề và đây là một kỹ thuật khác để quản lý sự chú ý. Bản thân hình ảnh đã thu hút sự chú ý, nhưng nếu người mẫu không nhìn vào bạn mà nhìn vào đối tượng được quảng cáo, bạn sẽ vô thức chuyển ánh mắt của mình sang.
• Lợi ích và đảm bảo được trình bày ngay lập tức: loại bỏ các khuyết điểm, đảm bảo kết quả sau 6 buổi học.
• Sự hiện diện của giá và nút “Gửi yêu cầu” trên hình ảnh chính cũng là một yếu tố quan trọng.

Có một lưu ý nhỏ: Bản thân khối “Chương trình khóa học” không phải là phần mục tiêu nhưng nó có thể thu hút sự chú ý của người dùng đến mức người dùng khi quan tâm đến chương trình có thể không cuộn đến cuối trang.

Trang liên hệ được thiết kế có tính đến thời gian và ga tàu điện ngầm gần nhất.

Ở đây chúng ta thấy một biểu mẫu “Yêu cầu cuộc gọi” khác. Chúng tôi không bỏ lỡ người dùng không muốn để lại yêu cầu, chúng tôi cung cấp tùy chọn thay thế.

Logo của các thương hiệu nổi tiếng tăng độ tin cậy.

Và cuối cùng:

Và cuối cùng, chúng tôi “chọn” những người dùng sau khi xem trang đến cuối và không muốn cuộn lên.

Ví dụ về các trang đích xa nhất

Bây giờ chúng ta hãy nhìn vào một trang đích hơi mơ hồ.

Trang web cung cấp bánh pizza. Cái nào không có ảnh...

Ngoài việc không có ảnh pizza, trang này cũng không có tên nhà hàng hay dịch vụ giao hàng... bất kỳ cái tên nào cả...

Chỉ khi cuộn xuống, bạn mới có thể nhìn thấy dòng chữ và ở phía dưới cùng là số điện thoại. Nhưng cái tên đó vẫn chưa được tìm thấy ở đâu cả. Vận chuyển? Và chỉ giao đồ ăn tận nhà... Rõ ràng là bí mật.

Tôi hy vọng bài viết này hữu ích cho bạn. Tôi đang chờ đợi câu hỏi trong các ý kiến.

Bạn có thể đã từng gặp phải việc tạo và tối ưu hóa trang đích khi quảng cáo các dự án trực tuyến. Phát triển trang đích chất lượng là một thành phần quan trọng của các chiến dịch tiếp thị. Tài liệu này sẽ giới thiệu cho bạn ba ví dụ về trang đích thú vị và cũng sẽ cho bạn thấy các yếu tố tạo nên thành công của chúng. Nhưng điều đầu tiên trước tiên.

Trang đích: định nghĩa, tiêu chí hiệu suất

Trang đích hiệu quả đáp ứng các tiêu chí sau:

Không có trang đích hoàn hảo vì tĩnh là một trong những kẻ thù hạ cánh tốt. Tuy nhiên, những ví dụ dưới đây rất gần với lựa chọn lý tưởng. Chúng ta hãy xem xét kỹ hơn về họ.

Trang đích Quy tắc nội dung

Quy tắc nội dung của nhà phát triển nội dung người Mỹ đã tạo một trang đích hiệu quả để phân phối sách điện tử.

Cái gì Công ty nội dung Quy tắc đã làm đúng:

• Thiết kế

Trang đích trông đẹp và đơn giản. Dòng tiêu đề thu hút sự chú ý của người truy cập vào hành động chuyển đổi (Tải sách miễn phí ngay bây giờ - đây là bản dịch gần đúng của dòng tiêu đề).

• hình chụp

Bức ảnh duy nhất trên trang đích là bản xem trước của bìa sách điện tử. Bức ảnh này thu hút sự chú ý của khách truy cập và giới thiệu rõ ràng về sản phẩm cho họ nhưng không làm họ mất tập trung khi thực hiện các hành động cần thiết.

• Sức mạnh thương hiệu

Logo Quy tắc Nội dung làm tăng sự tin tưởng của khách truy cập vào chất lượng của sản phẩm.

Những gì có thể được cải thiện:

Nó làm tăng đáng kể hiệu quả của trang đích của bạn vì người dùng có thể đăng ký nhận bản tin của bạn trong vòng vài giây.

Những gì có thể được cải thiện:

• Nội dung

Trang đích này chứa quá nhiều văn bản khiến khách truy cập mất tập trung vào biểu mẫu đăng ký.

• Thiết kế

Các chuyên gia ALM nên thử nghiệm các phiên bản của cùng một trang đích có thiết kế đơn giản hóa. Giảm số lượng khối thông tin và loại bỏ số lượng lớn màu sắc - đây là những cách để nhanh chóng cải thiện giao diện trang của bạn.

Trang đích Windows Intune

Microsoft sử dụng trang đích để phân phối bản tin 30 ngày phiên bản dùng thửđám mây Dịch vụ Windows Trong giai điệu.

Cái gì công ty Microsoftđã làm đúng:

• Ôn tập

sử dụng SVG phần tử để xác định bộ lọc. phần tử sử dụng thuộc tính id để nhận dạng duy nhất nó. Bộ lọc được xác định trong các phần tử và sau đó được tham chiếu bởi các phần tử đồ họa theo id của chúng.

SVG cung cấp một bộ bộ lọc phong phú. Sau đây là danh sách các bộ lọc thường được sử dụng.

• feBlend
• feColorMatrix
• feComponentTransfer
• feComposite
• feConvolveMatrix
• feDiffuseÁnh sáng
• feDịch chuyểnBản đồ
• lũ lụt
• feGaussianMờ
• feHình ảnh
• hợp nhất
• hình thái học
• feOffset - bộ lọc bóng đổ
• feĐặc sắcÁnh sáng
• feTile
• sự hỗn loạn
• feXa xôiÁnh sáng
• fePointÁnh sáng
• feSpotLight

Tuyên ngôn

Sau đây là khai báo cú pháp của yếu tố. Chúng tôi chỉ hiển thị các thuộc tính chính.

Thuộc tính

Ví dụ

Bộ lọc SVG mẫu

Hai các phần tử được xác định là filter1 và filter2.

Hiệu ứng bộ lọc feGaussianBlur xác định hiệu ứng làm mờ với mức độ mờ bằng cách sử dụng stdDeviation.

in="SourceGraphic" xác định rằng hiệu ứng có thể áp dụng cho toàn bộ phần tử.

Hiệu ứng bộ lọc feOffset được sử dụng để tạo hiệu ứng đổ bóng. in="SourceAlpha" xác định rằng hiệu ứng có thể áp dụng cho phần alpha của đồ họa RGBA.

các phần tử đã liên kết các bộ lọc bằng thuộc tính bộ lọc.

đầu ra

Bộ lọc với hiệu ứng đổ bóng

Bộ lọc SVG mẫu

đầu ra

Mở textSVG.htm trong Chrome web browser. Bạn có thể sử dụng Chrome/Firefox/Opera để xem hình ảnh SVG trực tiếp mà không cần bất kỳ plugin nào. trình duyệt web IE 9 trở lên cũng hỗ trợ hiển thị hình ảnh SVG.