你僅使用 console.log 來查看 JS 的值嗎?
本篇介紹各種 console 語法,試著讓你的 log 更有質感吧:
- table:讓陣列內容以表格方式呈現
- 上色語法:使用 CSS 語法為你的 console 上色
- time:計算 JS 運算所花的時間
- group:群組化資訊
- 還有各種實戰運用技巧
#有在FB打開過Console嗎
#住手 #我們都是開發者啊
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「javascript console」的推薦目錄:
- 關於javascript console 在 卡斯伯 Facebook 的最佳解答
- 關於javascript console 在 BorntoDev Facebook 的最佳貼文
- 關於javascript console 在 Trần Hinh Facebook 的精選貼文
- 關於javascript console 在 コバにゃんチャンネル Youtube 的最讚貼文
- 關於javascript console 在 大象中醫 Youtube 的最佳貼文
- 關於javascript console 在 大象中醫 Youtube 的最佳解答
- 關於javascript console 在 淺談JavaScript 中的Debug 神器Console | 是Ray 不是Array 的評價
- 關於javascript console 在 Javascript Console Admin Console component for Alfresco 4.x ... 的評價
- 關於javascript console 在 Javascript: console.log to html - Stack Overflow 的評價
- 關於javascript console 在 How to Open JavaScript Console in Google Chrome - YouTube 的評價
javascript console 在 BorntoDev Facebook 的最佳貼文
🔥 สวัสดีจ้า วันนี้แอดจะมาบอกต่อ 5 ฟีเจอร์เด็ดๆ ของ Javascript Console ที่จะช่วยให้เราสามารถ print log ได้สะดวกมากยิ่งขึ้น มีตัวไหนบ้างไปดูกันเลย
.
⚡ 1) Console Groups - จะทำการ log ค่าออกมาในรูปแบบ Group จะทำให้ดูได้ง่ายมากยิ่งขึ้น
.
📝 วิธีการใช้งาน - เปิดด้วย console.group() และปิดด้วย console.groupEnd(); เช่น
.
console.group("Person Data");
console.log("Name: BorntoDev");
console.log("Age: 4");
console.groupEnd();
console.log("Outside of the group...");
.
⚡ 2) Live Expressions - เป็นฟีเจอร์ของ Google Chrome ที่จะช่วยแสดงผลลัพธ์จากโค้ด JavaScript แบบเรียลไทม์ได้เลย
.
⚡ 3) Timing Your Code - ใช้เพื่อจับเวลาในการทำงานของโค้ด
.
📝 วิธีการใช้งาน - เปิดด้วย console.time() และปิดด้วย console.timeEnd() เช่น
.
console.time("addHeadings");
for (let i = 0; i < 10000; i++) {
document.body.insertAdjacentHTML("beforeend", "
Heading
");}
console.timeEnd("addHeadings");
.
⚡ 4) Styling with CSS - สามารถใส่ CSS Style เวลา print log ออกมาได้เลย เฟี้ยวมาก555
.
📝 วิธีการใช้งาน - โดยจะใช้ร่วมกับ console.log() ใช้ %c ข้างหน้าข้อความที่ต้องการให้แสดง CSS เช่น
.
console.log("I am programer in %cborn to dev co., Ltd.", "color: yellow; font-weight: bold;");
.
⚡ 5) Assertions - ใช้ในการ Debug โค้ดของเราเขียนว่าสามารถทำงานได้ตามจุดประสงค์หรือไม่ ซึ่งจะ return ที่เป็น false เท่านั้น
.
📝 วิธีการใช้งาน - format console.assert(assertion, obj1 [, obj2, ..., objN]); เช่น
.
console.assert(true === true);
console.assert(true === false,"false");
.
จบแล้วกับ 5 ฟีเจอร์เด็ดที่แอดรวบรวมมาให้ ไหนใครลองไปใช้แล้วบ้าง ? หรือมีตัวไหนเด็ดๆนอกจาก 5 อันนี้ ไว้มาบอกต่อกันบ้างนะคร้าบบ 😄
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
javascript console 在 Trần Hinh Facebook 的精選貼文
✅ CÁCH THỰC HIỆN KIỂM TRA A/B SEO TRONG GOOGLE SEARCH CONSOLE ✅
Đối với các nhà chiến lược SEO, đôi khi rất khó để biết được chúng ta thực hiện thay đổi nào đối với các trang web của mình thực sự ảnh hưởng đến hiệu suất SEO tổng thể của chúng. Việc chuyển trang web từ trang 10 sang trang 2 thường có thể được thực hiện bằng cách tuân theo các phương pháp hay nhất về SEO, nhưng chuyển sang trang 1? Điều đó đòi hỏi sự chú ý chi tiết hơn đến những thay đổi cụ thể mà chúng ta thực hiện đối với các trang đích của mình. Tham gia thử nghiệm SEO A/B, một trong những cách tốt nhất để thu hẹp và hiểu mức độ hiệu quả (hoặc không hiệu quả) của các tối ưu hóa cụ thể.
Nhiều nhà tiếp thị kỹ thuật số cảm thấy thoải mái khi sử dụng các tính năng thử nghiệm A/B trong các chiến dịch PPC của họ hoặc để phân tích hành vi của người dùng trong Google Analytics, nhưng số ít hơn đang kết hợp chiến lược mạnh mẽ này để hiểu rõ hơn về tối ưu hóa trên trang nào của họ có tác động lớn nhất đến thứ hạng từ khóa.
Kiểm tra SEO A/B có vẻ đáng sợ, nhưng với các công cụ phù hợp, nó thực sự khá đơn giản để thực hiện. Thử nghiệm A/B không chỉ giúp người làm SEO xác định những cách tối ưu hóa có tác động nhất mà còn cung cấp cho họ một cách để định lượng nỗ lực của họ. Mặc dù kiểm tra A/B SEO thường được các nhà chiến lược SEO nâng cao sử dụng nhiều hơn, nhưng chủ sở hữu trang web cảm thấy thoải mái khi làm việc trên phần phụ trợ của trang web của họ có cơ hội tuyệt vời để nâng cao chiến lược SEO của họ thông qua các bài kiểm tra A/B có cấu trúc tốt.
Manick Bhan (là người sáng lập và CTO của LinkGraph , một đại lý SEO và tiếp thị kỹ thuật số từng đoạt giải thưởng cung cấp các dịch vụ SEO, truyền thông trả phí và tiếp thị nội dung. Ông cũng là người sáng lập và Giám đốc điều hành của Search Atlas , một bộ phần mềm gồm các công cụ SEO miễn phí), đã giải thích cách sử dụng thử nghiệm SEO A/B để đo lường tác động của việc tối ưu hóa trang web cụ thể đối với thứ hạng từ khóa. Và trong bài viết này sẽ chia sẻ chi tiết hơn về vấn đề này nhé!
⁉ 1. THỬ NGHIỆM SEO A/B LÀ GÌ?
Khi nói đến các thử nghiệm được kiểm soát, thử nghiệm hai biến thể là nền tảng cơ bản mà từ đó tất cả các thử nghiệm khác được xây dựng. Thử nghiệm A/B chỉ đơn giản là đo lường cách một biến thể duy nhất tác động đến kết quả. Trong trường hợp SEO, kết quả là tốt hơn, tệ hơn hoặc xếp hạng từ khóa tĩnh.
Không mất nhiều thời gian để bắt đầu. Bạn sẽ cần Google Search Console cho một (sự thật tuyệt đối về thứ hạng SEO của bạn), cũng như hai biến thể được xác định rõ ràng mà bạn muốn thử nghiệm. Cuối cùng, chủ sở hữu trang web cần có môi trường nhà phát triển hoặc tổ chức nơi họ có thể lưu phiên bản trang web của mình trước khi kiểm tra A/B SEO đề phòng những thay đổi không mang lại kết quả mong muốn.
🌱 2. Các trường hợp sử dụng tốt nhất cho thử nghiệm SEO A/B
Mọi thứ đều có thể được thử nghiệm A/B trên các trang web, nhưng đối với mục đích SEO, các yếu tố trang web nhất định có nhiều khả năng dẫn đến cải thiện thứ hạng từ khóa hơn do trọng lượng của chúng trong thuật toán của Google. Vì lý do đó, các yếu tố dưới đây là các trường hợp sử dụng tốt nhất cho các bài kiểm tra A/B SEO.
2.1 Thẻ tiêu đề
Việc chọn thẻ tiêu đề rất quan trọng và có tác động rất lớn đến kết quả tìm kiếm. Các thay đổi thẻ tiêu đề rất có tác động từ góc độ xếp hạng vì chúng ảnh hưởng trực tiếp đến tỷ lệ nhấp (CTR). Google có CTR dự kiến được chuẩn hóa cho các tìm kiếm và nếu các trang đích của bạn liên tục giảm xuống dưới mức đánh dấu, điều đó sẽ tác động tiêu cực đến cơ hội xếp hạng tổng thể của bạn.
2.2 Mô tả meta
Đối với những trang web đã có nhiều từ khóa trên trang một và do đó nhận được nhiều hiển thị, mô tả meta thử nghiệm A/B có thể thực sự có lợi. Giống như thẻ tiêu đề, chúng tác động trực tiếp đến CTR và việc cải thiện chúng có thể dẫn đến nhiều nhấp chuột hơn đáng kể và do đó xếp hạng tốt hơn.
2.3 Đánh dấu lược đồ
Nếu có thể, bạn nên thêm đánh dấu lược đồ vào tất cả các trang web của mình. Nhưng nếu một số trang nhất định trên trang web của bạn vẫn không có đánh dấu schema.org, thì việc thêm nó có thể là một trường hợp sử dụng tuyệt vời cho một bài kiểm tra A/B.
2.4 Liên kết nội bộ
Các liên kết nội bộ giao tiếp với kiến trúc trang web của Google và chúng cũng phân phối “Xếp hạng Trang” trên các trang web của chúng tôi. Việc sử dụng liên kết nội bộ phù hợp có thể tạo ra những cải thiện đáng kể về xếp hạng từ khóa, đặc biệt là đối với các trang web lớn hơn với hàng nghìn trang đích. Tập trung vào các liên kết đầu trang và chân trang vì chúng thay đổi Xếp hạng Trang nhiều như thế nào. Đối với các trang web có trang sản phẩm, bạn có thể sử dụng thử nghiệm A/B để tìm anchor text tốt nhất cho các liên kết nội bộ của mình.
2.5 Nội dung mới
Thêm nội dung tốt vào trang đích của bạn luôn có lợi vì nội dung dài hơn bao hàm chiều sâu chủ đề. Sử dụng công cụ tối ưu hóa trang đích có thể giúp bạn cải thiện sự phong phú về ngữ nghĩa của nội dung và thử nghiệm A/B tiếp theo cho phép bạn đo lường liệu Google có phản hồi tích cực với các tín hiệu chất lượng đó hay không.
2.6 Các nhóm trang lớn
Đối với các trang web thương mại điện tử hoặc những người có thể thêm một nhóm lớn các trang cùng một lúc, bạn có thể sử dụng thử nghiệm A/B để đo lường xem các trang đó có được thu thập thông tin và lập chỉ mục theo cách gây hại tích cực hay tiêu cực đến thứ hạng hiện tại của bạn hay không.
2.7 Kiến trúc thông tin
Có một số yếu tố của kiến trúc thông tin cụ thể hơn cho SEO. Google thích các tính năng trải nghiệm trang như liên kết nhảy và băng chuyền, vì vậy việc hiểu tác động của việc thêm các tính năng này vào trang web của bạn là một lý do khác để thực hiện Kiểm tra A/B SEO.
2.8 Di chuyển trang web
Bất cứ khi nào bạn thực hiện các thay đổi kỹ thuật cốt lõi cho trang web của mình, thử nghiệm A/B là một cách tuyệt vời để đo lường mức độ ảnh hưởng của những thay đổi đó đến xếp hạng từ khóa. Nó cũng giúp ngăn trang web của bạn bị giảm thứ hạng đáng kể trong thời gian dài.
🌿 3. CÁC LOẠI KIỂM TRA A/B SEO
Có một số loại thử nghiệm A/B khác nhau mà bạn có thể thực hiện trên trang web của mình. Nó sẽ phụ thuộc phần lớn vào số lượng trang đích bạn có cũng như loại biến thể mà bạn đang thử nghiệm.
3.1 A rồi đến B
Hình thức cơ bản nhất của thử nghiệm A/B, loại thử nghiệm này sẽ chỉ đơn giản là so sánh hiệu suất của một trang với một biến thể khác nhau. Loại thử nghiệm A/B này tốt hơn cho các trang web nhỏ hơn và dễ triển khai hơn, đặc biệt nếu bạn tự tin rằng các thay đổi là đúng hướng.
3.2 Nhiều trang
Loại thử nghiệm A/B này cho phép các kết quả có ý nghĩa thống kê hơn nhiều và có thể được thực hiện trên các trang web lớn với hàng trăm đến hàng nghìn trang đích. Thay vì đo lường một biến thể trên một trang, hãy chọn hai nhóm trang của các trang tương tự nhau (tôi khuyên bạn nên sử dụng ít nhất 50 trang cho mỗi nhóm) và thay đổi biến thể trên tất cả các trang đó.
3.3 Đa biến
Hình thức thử nghiệm phổ biến này có cùng cơ chế cốt lõi của thử nghiệm A/B, nhưng nó làm tăng số lượng biến thể được thử nghiệm. Thử nghiệm đa biến có thể rất tốt để đo lường hành vi của người dùng, nhưng nó kém hiệu quả hơn trong việc đo lường hiệu suất tìm kiếm khi bạn đang cố gắng khám phá xem liệu một tối ưu hóa cụ thể có tác động trực tiếp đến thứ hạng từ khóa hay không.
✅ 4. CÁCH THỰC HIỆN KIỂM TRA A/B SEO
Cách dễ nhất để thực hiện kiểm tra A/B là sử dụng ảnh chụp nhanh và khôi phục trang web. Về cơ bản, bạn chụp nhanh trang web, thực hiện thay đổi cho trang web của mình và ngồi lại trong một tuần và xem điều gì sẽ xảy ra. Nếu thay đổi đối với trang web đã cải thiện SEO của bạn, bạn sẽ thấy điều đó trong điểm chuẩn của mình. Nếu bạn mắc lỗi, thì bạn chỉ cần quay lại phiên bản trước của trang web của mình và tiếp tục với các tối ưu hóa khác nhau.
Dưới đây là quy trình từng bước đơn giản của bài kiểm tra A/B SEO:
- Bước 1: Chụp nhanh trang web hoặc sao lưu trang web trước khi thực hiện các thay đổi để bạn có thể quay lại phiên bản trước của trang web nếu thay đổi không hiệu quả.
- Bước 2: Xác định biến thể đang được thử nghiệm (ví dụ: thẻ tiêu đề, schema.org và các biến thể khác) và thực hiện thay đổi đối với một trang hoặc nhóm các trang tương tự.
- Bước 3: Chờ 7-14 ngày để xác định tác động của thay đổi
- Bước 4: So sánh thứ hạng từ khóa cho các trang biến thể với trang gốc. Điều này có thể được thực hiện trong Google Search Console hoặc Trang tổng quan của Google Search Console
Nếu các tối ưu hóa có tác động, bạn có thể tiếp tục thực hiện các thay đổi tương tự cho các trang khác trên trang web của mình. Các thay đổi được nhắm mục tiêu nhiều hơn như thêm thẻ tiêu đề giàu từ khóa và mô tả meta sẽ không nhất thiết phải dịch trực tiếp sang các trang khác. Tuy nhiên, các tối ưu hóa kỹ thuật hơn như schema.org và kiến trúc thông tin có thể được triển khai trên toàn bộ trang web của bạn với độ tin cậy cao hơn nếu thử nghiệm A/B chứng minh chúng có tác động.
🌿 5. MỘT SỐ LỜI KHUYÊN THIẾT THỰC ĐỂ KIỂM TRA SEO TRÊN CÁC MÔI TRƯỜNG LƯU TRỮ
Cách bạn tiến hành bước một sẽ phụ thuộc vào nhà phát triển và môi trường dàn dựng của bạn. Nếu bạn đang lưu trữ trên DigitalOcean, bạn có thể chụp ảnh nhanh trang web. Nếu bạn đang sử dụng WPEngine, bạn có thể chọn một bản sao lưu trang web để khôi phục. Để tốt nhất trong lớp, hãy thử Kiểm soát phiên bản từ Git, cho phép bạn quay trở lại bất kỳ phiên bản nào trên trang web của mình.
“Kiểm soát Phiên bản” giống như “Theo dõi Thay đổi” trên Tài liệu Word, nhưng lịch sử không bao giờ bị xóa. Với Kiểm soát phiên bản, ngay cả khi bạn xóa hoặc thay đổi nội dung nào đó, thì tất cả các thay đổi đã được thực hiện đều có trình tự thời gian - khi một dòng mã được tạo, khi nó được chỉnh sửa - và bạn có thể quay lại bất kỳ lúc nào.
Điều quan trọng nữa là đảm bảo tất cả các trang đang phát triển và trang môi trường thử nghiệm trên trang web của bạn có robot không có thẻ chỉ mục . Một số chuyên gia SEO có thể cho bạn biết rằng thêm các trang vào danh sách chặn của bạn trong robots.txt hoặc với các thẻ tiêu chuẩn liên quan trên trang là đủ, nhưng tại LinkGraph, Manick Bhan đã thấy nhiều ví dụ trong đó các trang hoặc tên miền phụ được thêm vào robot và tiếp tục được hiển thị trong kết quả tìm kiếm trong nhiều tháng. Chỉ thêm thẻ chuẩn là không đủ để chặn miền nhà phát triển thu thập dữ liệu và lập chỉ mục.
Chiến lược tốt nhất robot không có chỉ mục và tiêu chuẩn tương đối để tăng cường bảo vệ.
⏰ 6. MẤT BAO LÂU ĐỂ BIẾT LIỆU BIẾN THỂ ĐÓ CÓ HIỆU QUẢ HAY KHÔNG?
Thời gian bạn chờ để đo lường các thử nghiệm A/B của mình sẽ phụ thuộc vào tần suất Google thu thập dữ liệu trang web của bạn. Nếu bạn kiểm tra các phần trong miền của mình mà không được thu thập thông tin thường xuyên, bạn có thể phải đợi lâu hơn để Google thực sự thấy các thay đổi của bạn. Nếu bạn đang thay đổi các trang chính mà Google thu thập thông tin thường xuyên, bạn có thể xem liệu những tối ưu hóa đó có bất kỳ tác động nào trong vòng 7-14 ngày hay không.
Khi bạn đánh giá hiệu quả của các tối ưu hóa của mình, hãy cẩn thận với các biến gây nhiễu. Nhiều backlink trong một khoảng thời gian ngắn, thêm Javascript và tất nhiên, thay đổi thuật toán, có thể tác động mạnh đến thứ hạng từ khóa. Bất kỳ loại thử nghiệm nào cũng chính xác hơn khi bạn có thể loại bỏ các biến, vì vậy hãy cố gắng hết sức để không lên lịch thử nghiệm A/B trong các chiến dịch xây dựng liên kết, cập nhật thuật toán cốt lõi hoặc bất kỳ thời kỳ tìm kiếm nào có độ biến động cao.
Khi được thực hiện đúng cách, thử nghiệm A/B có thể là một cách mạnh mẽ để tinh chỉnh chiến lược SEO của bạn nhằm đạt được kết quả tối đa. Thử nghiệm A/B không chỉ có thể giúp chủ sở hữu trang web đưa ra quyết định dựa trên dữ liệu nhiều hơn mà còn có thể giúp các nhà chiến lược SEO chứng minh giá trị công việc của họ đối với khách hàng hoặc lãnh đạo điều hành, những người có thể cảnh giác khi đầu tư vào SEO.
Nếu mọi người thấy bài viết này hay và bổ ích thì hãy chia sẻ để nhiều người biết đến thêm nữa nhé. Và hãy xem thêm nhiều video về kiến thức Youtube Marketing tại kênh của Hinh nhé: https://www.youtube.com/channel/UC14gUFYT9x9DVlvhWEAJWAA
#SEO #youtubemarketing #tranhinh
javascript console 在 コバにゃんチャンネル Youtube 的最讚貼文
javascript console 在 大象中醫 Youtube 的最佳貼文
javascript console 在 大象中醫 Youtube 的最佳解答
javascript console 在 Javascript Console Admin Console component for Alfresco 4.x ... 的推薦與評價
Administration Console component for Alfresco Share, that enables the execution of arbitrary JavaScript code against the repository - GitHub ... ... <看更多>
javascript console 在 淺談JavaScript 中的Debug 神器Console | 是Ray 不是Array 的推薦與評價
在寫JavaScript 時,其實我們會很長使用console 來debug,所以這一篇來淺談一下console 吧。 ... <看更多>