다음 검색엔진에서 티스토리 블로그 글이 노출될 때 특정 글의 썸네일이 누락되는 현상이 발생할 수 있습니다. 다음에서 티스토리 블로그의 썸네일이 누락되는 현상은 주로 새 편집기를 사용할 때 발생하는 것 같습니다. 저는 특정 조건에서 썸네일이 노출되지 않는 현상을 발견하였습니다. 저는 아래의 방법을 사용하여 5분 이내에 썸네일이 노출되도록 했습니다. 모든 상황에서 적용할 수 없을지는 모르겠지만, 다음 검색엔진에서 티스토리 블로그 글의 썸네일이 블로그 탭에서 노출되지 않을 때 참고해보시기 바랍니다. 참고로 구글 서치 콘솔에서 'itemListElement' 입력란이 누락되었습니다 오류가 발생하는 경우 다음 글을 참조해보세요. 티스토리 'itemListElement' 입력란이 누락되었습니다 오류 티스토리에서 ‘..

글을 작성할 때 소제목으로 구분하면 가독성이 향상되어 방문자들이 글의 내용을 보다 쉽게 파악할 수 있고 방문자들이 읽고 싶은 곳으로 빠르게 이동할 수 있습니다. 티스토리에서는 구 에디터와 신 에디터에서 소제목(머리말)이 조금 혼란스럽게 되어 있습니다. 구 에디터와 새 에디터 티스토리 블로그에서 글을 작성할 때 이전 편집기와 새 편집기 중에서 선택할 수 있습니다. 편집기 선택은 콘텐츠 > 설정에서 가능합니다. 새로운 글쓰기를 "사용합니다"를 선택하면 새 에디터에서 글을 작성하게 됩니다. "사용하지 않습니다"를 선택하면 구형 에디터를 사용하게 됩니다. 저는 새 에디터가 편리하여 새로운 에디터를 사용하고 있습니다. 이미지 ALT 텍스트 설정 등 SEO 측면에서는 구 에디터가 더 좋을 수 있습니다. 구 에디터와..

24,900원에 판매되고 있는 마인드 맵 어플인 Mind Maps Pro가 기간 한정 무료로 풀렸네요. 3일 남았습니다. 마인드 맵 프로그램이 필요한 경우 다운로드하시기 바랍니다. 저는 곧바로 다운로드하여 설치했습니다.ㅎ 종이에 정리하는 것을 조금 체계적으로 생각을 정리할 수 있을 것 같다는 생각이 드네요. 마인드맵을 만든 후에 PDF나 PNG로 엑스포트할 수 있습니다. 사용자들의 평가는 그리 좋은 편은 아니네요. 제품 설명: Create beautiful mind maps in seconds with Mind Maps Pro. Mind Maps Pro has earned hundreds of 5-star reviews for its usability, rich feature set, and custom..

브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있고, 티스토리에서 ‘itemListElement’ 입력란이 누락되었습니다 오류가 발생하는 경우에도 오류를 해결하는 데 도움이 될 수 있습니다. 브레드크럼을 표시하면 구글 검색엔진에서 글이 노출될 때 브레드크럼이 함께 표시됩니다. 티스토리 Portfolio (포트폴리오) 스킨에 브레드크럼 추가하기 티스토리에서 브레드크럼을 추가하는 방법에 대해서는 이미 다음 글에서 소개했습니다. 티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법 브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있습니다. 지난 달에 이 티스토리 블로그의 스킨을 Magazine으로 변경했..

티스토리 블로그에 동영상을 업로드할 수 있습니다. 티스토리에서 동영상을 업로드하여 삽입하려면 카카오 계정에 로그인해야 합니다. 간혹 카카오 계정에 로그인이 안 되는 경우가 있고 동영상 업로드에 실패하는 경우가 있습니다. 그런 경우 먼저 브라우저를 확인해보시기 바랍니다. 티스토리 동영상 업로드 오류 시 참고 사항 티스토리 글쓰기 화면에서 동영상을 업로드하려면 카카오 계정에 로그인해야 합니다. 카카오계정에 이메일이나 전화번호로 로그인하면 동영상을 업로드할 수 있는 화면이 표시됩니다. 최대 업로드 가능한 용량은 4096MB입니다. 동영상 업로드 시 오류가 발생하는 경우 브라우저를 바꾸어서 테스트해보시기 바랍니다. 특히 사파리 브라우저에서는 카카오 계정에 로그인이 제대로 안 되는 현상이 발생하는 경우가 있다고 ..

화면 크기가 달라져도 이미지의 가로 크기와 세로 길이가 동일하게 유지되도록 하고 싶은 CSS나 자바스크립트로 시도해볼 수 있습니다. 이미지가 가로 세로 비율이 동일하게 유지하고 싶은 경우 아래의 방법을 테스트해보시기 바랍니다. CSS를 사용하여 이미지 종횡비 (Aspect Ratio) 유지하기 이미지 크기가 변해도 종횡비 (예: 4:3, 16:9)를 유지하고 싶은 경우, 혹은 가로 세로 크기를 동일하게 유지하고 싶은 경우 W3Schools 문서를 참고해보시기 바랍니다. How To - Aspect Ratio / Height Equal to Width How TO - Aspect Ratio Learn how to maintain the aspect ratio of an element with CSS. As..

티스토리에 개인 도메인을 연결하여 사용할 수 있습니다. 2차 도메인을 연결하면 보안 접속 인증서가 1시간 이내에 발급되었고 늦어도 하루를 넘기지 않았지만 최근 발급이 지연되는 현상이 나타나고 있습니다. 티스토리 개인 도메인 연결 시 보안 접속 인증서 발급 지연 현상 위의 그림과 같이 개인 도메인을 연결하면 보안 접속 인증서 상태가 '발급 대기 중'으로 표시되고, '인증서 발급은 몇 시간에서 최대 7일가량 소요됩니다'라고 안내하고 있습니다. 보통 보안 접속 인증서가 보통 1시간 이내에 발급되었고 늦어도 하루를 넘기지 않았지만 최근 발급이 지연되는 현상이 나타나서 커뮤니티에 이와 관련된 질문이 빈번하게 올라오고 있습니다. 이와 관련하여 카카오 고객센터에 문의하면 다음과 같은 답변을 받을 수 있습니다. 카카오..

어제 티스토리에 어떤 작업이 있었는지 몰라도 어제부터 일부 티스토리 스킨이 제대로 작동하지 않는 문제가 발생하고 있습니다. 북클럽 스킨에서도 일부 문제가 발생하고 있습니다. 가령 검색이 안 되는 문제와 프로필 클릭 시 무반응 문제 등이 발생하고 있습니다. 해결 방법으로 다음과 같은 조치를 취할 수 있습니다. 티스토리에서 시스템을 점검하여 티스토리 내부에서 사용하는 라이브러리에서 원인 현상을 발견하여 수정했다고 합니다. 이제 스킨에서 문제가 발생하지 않을 것 같습니다. 다른 스킨으로 변경했다가 다시 북클럽 스킨 선택 북클럽 스킨이 오류를 일으키는 문제가 발생하자 티스토리에서 오류를 해결한 업데이트를 내놓은 것 같습니다. 먼저 백업을 한 후에 스킨을 다른 스킨으로 일시 변경했다가 다시 북클럽(Book Clu..

티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에서 이동 경로를 표시하여 SEO 개선에 도움이 됩니다. 티스토리 고래 스킨에 브레드크럼 표시하기 이전 글에서 매거진 스킨에 브레드크럼을 표시하는 방법을 설명한 적이 있습니다. 스킨이 달라져도 브레드크럼을 추가하는 방법은 비슷합니다. 원리만 이해하면 다른 스킨에서도 쉽게 가능할 것입니다. 티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법 브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있습니다. 지난 달에 이 티스토리 블로그의 스킨을 Magazine으로 변경했습니다. 티스토리의 신규 스킨 ..

HTML 템플릿, 워드프레스 테마 등의 홈페이지 템플릿을 판매하는 엔바토 마켓 (Envato Market)에서 여름 할인 행사를 진행하고 있습니다. 워드프레스 테마의 경우 Porto와 Newspaper 등이 할인 판매되고 있습니다. 다음은 할인 중인 HTML 템플릿 리스트입니다. 프리미엄 HTML 템플릿 할인 - 30~50% 세일 요즘은 워드프레스가 많이 사용되지만, 정적인 사이트를 만드는 경우 HTML 템플릿을 이용할 수 있습니다. HTML 템플릿은 워드프레스 테마보다 가격이 저렴한 편입니다. Multikart - Responsive Angular 9 eCommerce Template (반응형 앵귤러 9 전자상거래 템플릿) Multikart는 Angular 9으로 만들어졌으며 일반적인 HTML Ecom..