728x90 반응형 블로그 정보/블로그 관리 TIP30 [티스토리 공식 이벤트] 2024년 작심삼주 오블완 챌린지를 소개합니다. 1. "작심삼주 오블완" 챌린지'오늘 블로그 완료'의 의미로, 오늘의 블로그 포스팅을 완료했음을 인증하는 태그입니다. 21일동안 매일 글쓰기에 도전하는 '작심삼주 오블완 챌린지'가 11월 7일(목) 시작될 예정입니다. 프로모션 페이지에서 [오픈일에 알림 받기] 클릭하고 챌린지 시작일에 알림을 받아보세요! 2. 오픈일까지 D-10! 소문내고 커피 쿠폰 받아가세요~소문내기 이벤트 참여방법내 블로그에 에 대해 소개합니다.- 챌린지 프로모션 페이지 URL를 추가해 주세요. ▶프로모션 페이지 URL : https://www.tistory.com/event/write-challenge-2024 작심삼주 오블완 챌린지오늘 블로그 완료! 21일 동안 매일 블로그에 글 쓰고 글력을 키워보세요.www.tistor.. 2024. 10. 28. [검색엔진 최적화] JPG, PNG 파일을 WEBP로 무료 변환하는 방법 목 차1. WebP 파일이란?2. 특징2-1. 압축 방식2-2. 투명도 지원2-3. 애니메이션 지원2-4. 색상 표현2-5. 빠른 로딩 3. 무료 변환 사이트 추천 1. WebP 파일이란? WebP는 Google이 개발한 이미지 파일 형식으로, 효율적인 압축을 통해 더 작은 파일 크기와 우수한 이미지 품질을 제공하는 것이 특징입니다. WebP 형식은 특히 웹 환경에서 이미지 로드 속도를 개선하고 대역폭을 절약할 수 있는 최적화된 이미지 포맷으로 사용됩니다.'차세대 형식을 사용해 이미지 제공하기', ' WebP 및 AVIF와 같은 이미지 형식은 PNG나 JPEG보다 압축률이 높기 때문에 다운로드가 빠르고 데이터 소비량도 적습니다.'구글 검색엔진 최적화(SEO)에 요구되는 이미지 파일 형식입니다. 2... 2024. 10. 22. [티스토리 글쓰기] 목차 만들기 (라이브러리 추가 없음) 목 차1. 시작하기 전에2. 티스토리 서식 만들기2-1. 서식 관리 페이지2-2. 서식 글쓰기 HTML 작성 모드 3. 목차 적용해서 글쓰기4. 완성하기 1. 시작하기 전에 검색엔진 상단 노출을 위해 찾아보던 중에 검색엔진 최적화(SEO) 작업에 글쓰기 할 때 목차를 작성하라는 내용의 글들이 많아 만들어 보기로 했다.티스토리에서 글쓰기 할 때 목차를 만드는 방법이 여러 가지 있었지만 검색엔지 최적화(SEO) 작업을 하고 있는 내 블로그에 굳이 라이브러리를 추가하면서까지 만들고 싶지 않았다.따라서 나는 그냥 자동적으로 생성되는 방식은 아니지만 누구나 충분히 커스텀 할 수 있는 목차를 만들어 보기로 했다. 2. 티스토리 서식 만들기 2-1. 서식 관리 페이지[티스토리 관리자] - [서식 관리] 메뉴 우측 .. 2024. 10. 18. 웹사이트 모바일 화면 확대/축소 설정하기 목 차1. Lighthouse 보고서2. 태그3. Viewport 태그의 주요 속성3-1. initial-scale3-2. maximum-scale & minimum-scale3-3. user-scalable 4. HTML 적용하기5. 테스트 1. Lighthouse 보고서 [user-scalable="no"]이(가) 요소에서 사용되거나 [maximum-scale] 속성이 5보다 작음모바일에서 웹사이트를 접속하여 확대/축소를 해보면 동작하지 않고 있었습니다.Lighthouse 보고서 설치 방법 2. 태그 HTML 문서에서 페이지의 레이아웃을 다양한 기기에서 올바르게 표시하기 위해 사용되는 중요한 요소입니다. 특히 모바일 기기와 같이 화면 크기가 다양한 환경에서 페이지를 최적화하는 데 필수적인 역할.. 2024. 10. 17. [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. 이전 1 2 3 4 5 다음 728x90 반응형
