728x90 블로그 정보32 [SEO] 검색엔진 최적화 확인하는 방법 (Lighthouse) 목 차1. Lighthouse 확장 프로그램2. Lighthouse 설치3. Lighthouse 사용 방법4. 주요 기능4-1. 성능 (Performance)4-2. 접근성 (Accessibility)4-3. Best Practices4-4. SEO (Search Engine Optimization)4-5. 진보적 웹 애플리케이션 (Progressive Web App, PWA) 5. 요약 1. Lighthouse 확장 프로그램 Lighthouse는 구글 크롬에 내장된 오픈 소스 자동화 도구로, 웹 페이지의 성능, 접근성, SEO(검색 엔진 최적화) 등을 분석하고 개선할 수 있는 권장 사항을 제공하는 확장 프로그램입니다. 주로 웹 개발자와 디지털 마케터가 페이지 최적화를 위해 사용하며, 웹 애플리케이션.. 2024. 10. 16. [티스토리 블로그] 헤더에 scroll indicator 넣기 목 차1. 스크롤 인디케이터 (Scroll Indicator)란?2. 티스토리 헤더 고정하는 방법3. html 태그 입력4. 자바스크립트 입력5. CSS 입력6. Scroll Indicator 확인하기 "고정된 헤더 영역에 스크롤 인디케이터를 어떻게 만들까?" 1. 스크롤 인디케이터 (Scroll Indicator)란? Scroll indicator는 웹사이트나 애플리케이션에서 페이지의 스크롤 진행 상황을 시각적으로 보여주는 UI 요소입니다. 사용자가 현재 페이지의 어느 위치에 있는지를 쉽게 파악할 수 있도록 도와줍니다. 2. 티스토리 헤더 고정하는 방법 참고 글 ) 티스토리 스킨 스크롤 헤더 고정, 사이드바 메뉴 고정 티스토리 스킨 스크롤 헤더 고정, 사이드바 메뉴 고정개요티스토리 블로그 lette.. 2024. 10. 2. 티스토리 블로그 카카오 애드핏 심사 보류 해결 방법 (사이드바 수정) 목 차0. 개요1. 심사 보류 결과 메일 수신2. 티스토리 관리자 페이지 확인3. 심사 보류 참고 이미지 확인4. 해결 방법4-1. 블로그 설명 글 위로 올리기4-2. 블로그 설명 글 가로 영역 확대4-3. 광고 정상 노출 확인4-4. 카카오 애드핏 재심사 요청4-5. 카카오 애드핏 재심사 승인 완료 0. 개요티스토리 블로그 스킨 letter 사용 중입니다.야간에 카카오 애드핏 심사 신청을 했더니 다음날 오전에 심사 보류 메일을 받았다.카카오 애드핏에서 심사 보류 결과를 받았을 때 해결하는 방법에 대해 알려드리겠습니다. 1. 심사 보류 결과 메일 수신카카오 애드핏에서 심사가 보류되었다는 메일을 받았을 것입니다. 2. 티스토리 관리자 페이지 확인티스토리 관리자 페이지에서 수익 메뉴를 확인해 봐도 심.. 2024. 10. 1. [티스토리 블로그] 네이버 Indexnow 키 생성하기 목 차1. 네이버 Indexnow란?2. API KEY 생성 규칙3. API KEY 생성하기 1. 네이버 Indexnow란?IndexNow를 통해 새로 만들어진 페이지나 업데이트, 삭제가 발생한 페이지를 네이버 검색에 알릴 수 있습니다.IndexNow를 통해 웹사이트의 변화를 알리면, 검색로봇이 웹사이트를 방문하도록 기다리지 않아도 됩니다. 또한, 갱신된 페이지 정보가 다른 검색사들에게도 공유됩니다.IndexNow는 웹 마스터, 웹 사이트 소유자가 웹 사이트의 최신 콘텐츠 변경 사항을 즉시 검색 엔진에 알려주는 간단한 방법입니다. 가장 간단한 형태의 IndexNow는 검색 엔진이 URL과 해당 콘텐츠가 추가, 업데이트 또는 삭제되었음을 알 수 있도록 하여 검색 엔진이 검색 결과에 이러한 변경 사항을 신속.. 2024. 9. 29. 티스토리 스킨 스크롤 헤더 고정, 사이드바 메뉴 고정 목 차0. 개요1. 현재 상태2. 크롬 개발자 도구 (F12)3. 헤더 CSS 입력해 보기4. 헤더 최상단으로 올리기5. 콘텐츠 영역 밑으로 내려주기6. 중간 점검 하기7. 사이드바 메뉴 현재 상태8. 사이드바 메뉴 고정하기9. 여기까지 작성된 CSS 코드 정리10. html 편집 이동11. header 태그 클래스 추가12. main 태그 클래스 추가13. 사이드바 메뉴 클래스 추가14. CSS 편집하기15. 마치며 0. 개요티스토리 블로그 letter 스킨에서 스크롤할 때, 헤더와 사이드바 메뉴 영역이 고정되도록 하는 방법에 대해 설명하겠습니다. 1. 현재 상태블로그에 접속해서 스크롤을 내려보면 헤더 부분이 위로 올라갑니다.메인 타이틀을 스크롤 시에도 볼 수 있었으면 좋겠다고 생각했습니다. 2.. 2024. 9. 28. 티스토리 블로그 글쓰기 자바스크립트 파일 호출 목 차0. 개요1. js 파일 만들기2. js 파일 업로드3. html 편집하기4. 티스토리 글쓰기5. 테스트 해보기 0. 개요티스토리 블로그 글쓰기를 할 때 사용자 마음대로 원하는 기능을 만들 수 있는 방법은 html 편집과 자바스크립트를 직접 컨트롤한다면 가능합니다.해당 글은 직접 자바스크립트 파일을 만들고 티스토리에 파일을 업로드하고 업로드한 파일을 호출해서 기능 호출이 되는지 테스트할 수 있도록 버튼을 만들어 보겠습니다.블로그를 관리하시는 분들에게 강력하게 추천드립니다. 버튼을 클릭하면 입력 박스에 문구가 입력되는 간단한 기능을 만들어 보겠습니다. 1. js 파일 만들기하단에 javascript 소스로 'genie_test.js' 파일을 만들었습니다.단순하게 소스를 메모장에 붙여 넣고 저장할 때.. 2024. 9. 27. 이전 1 2 3 4 5 6 다음 728x90