본문 바로가기
반응형

IT 인터넷/티스토리(tistory)26

티스토리를 위한 HTML - 앵커 tag 링크 HTML(Hyper Text Markup Language)의 태그는 하이퍼링크를 생성하는 데 사용됩니다. 이를 통해 한 웹 페이지에서 다른 웹 페이지로 연결하거나, 동일한 페이지 내의 다른 섹션으로 연결하거나, 문서나 미디어 파일과 같은 외부 리소스에 연결할 수 있습니다. 지난 글- 티스토리 HTML 목록 항목에 대한 링크와 위로가기 버튼 만들기 티스토리 HTML 목록 항목에 대한 링크와 위로가기 버튼 만들기 티스토리 블로그 목록 내의 특정 섹션에 대한 링크를 생성하려면 HTML 앵커 태그()를 사용하고 href 속성을 해당 섹션의 ID로 설정하면 됩니다. 이를 해결할 수 있는 방법을 예를 들어 설명하도록 sarahspace.tistory.com 의 'a'는 'anchor(앵커)'를 의미 1. 다음은 태.. 2024. 2. 20.
이미지 크기 최적화 포멧 WebP 웹 페이지의 성능 최적화를 위해 이미지 파일의 크기를 효과적으로 관리하는 것은 중요합니다. JPEG, PNG, 그리고 최신 WebP 포맷은 각각 장단점을 가지고 있어, 웹 개발자와 디자이너 뿐만아니라 티스토리 블로거들도 어떤 파일 포맷을 선택할지 신중히 고려해야 한다고 생각합니다. 이 글에서는 각 파일 포맷의 특징과 차이점을 살펴보고, 특히 WebP를 활용하여 웹 페이지의 이미지 크기를 최적화하는 방법에 대해 알아보겠습니다. 이전 글 - [티스토리(tistory)] - 티스토리에서 이미지 검색엔진 최적화-SEO 이미지 크기 최적화: 이미지 SEO 이미지 크기 최적화는 웹페이지의 로딩 속도를 개선하고 사용자 경험을 향상시키는 중요한 단계 중 하나입니다. 큰 이미지 파일은 페이지 로딩 시간을 늘릴 뿐만 아니.. 2024. 2. 7.
티스토리에서 이미지 검색엔진 최적화-SEO 티스토리 블로그를 운영하다 보면 검색 엔진 최적화(SEO)에 대한 고려가 중요합니다. SEO는 글을 쓸 때 적절한 키워드 사용과 제목, 본문 구성뿐만 아니라 이미지 최적화도 필요한 요소입니다. 초기에는 이미지를 삽입하는 데 그칠 수 있지만, 시간이 지남에 따라 SEO 관련 문제가 발생할 수 있습니다. 이는 상위 노출이나 페이지 속도 등의 이슈로 나타날 수 있습니다. 따라서 티스토리 편집 모드에서 HTML 코드를 알지 못하더라도 이미지 최적화를 수행하는 방법을 알아보도록 하겠습니다. 지난 글- [티스토리(tistory)] - 이미지 크기 최적화를 위한 포멧 선택 WebP 이미지를 검색엔진에 맞게 최적화(SEO) 한다는 것이 무엇일까요? 검색 엔진에서 이미지를 인식하고 정보검색툴(구글써치콘솔, 네이버 써치 .. 2024. 2. 2.
티스토리 블로그관리 홈 메뉴 초기 설정 방법 티스토리 블로그 글을 작성하기 위해서는 무엇보다 먼저 블로그 관리 홈 메뉴에 대해서 익숙해져야 할 것입니다. 여기서는 티스토리에 있는 여러 가지 스킨 중에서 북클럽을 사용해서 글쓰기를 하기 전 초기 설정에 대해서 알아보도록 합니다.목록1. 관리자 페이지에 로그인2. 콘텐츠 설정3. 댓글과 방명록 설정4. 꾸미기 설정5. 사이드바 설정6. 모바일 웹 설정7. 메뉴 / 구독 설정8. 관리 설정(블로그, 주소, 도메인, 기타설정)  1. 관리자 페이지에 로그인 1. 먼저 티스토리 관리자 페이지에 로그인을 합니다.2. 이제 블로그 관리 홈 아래에 있는 내용을 보면 큰 카테고리로 콘텐츠, 댓글 방명록, 통계, 수익, 꾸미기, 플러그인, 링크 그리고 관리가 있습니다. 이중에서 초기 설정에 관련한 내용을 다루도록 합.. 2024. 1. 25.