서치콘솔 오류구글 서치 콘솔 오류는 웹사이트가 구글 검색에 제대로 반영되지 않을 때 발생할 수 있습니다. 주로 크롤링 오류, 인덱싱 오류, 모바일 사용성 문제, 보안 문제, 그리고 구조화된 데이터 오류 등이 그 원인입니다. 크롤링 오류는 구글봇이 페이지를 찾지 못하거나 접근할 수 없을 때 발생하며, 인덱싱 오류는 구글이 페이지를 제대로 인덱싱 하지 못할 때 발생합니다. 모바일 사용성 문제는 페이지가 모바일 기기에서 잘 표시되지 않을 때, 보안 문제는 악성 소프트웨어나 HTTPS 설정 오류가 있을 때 발생합니다. 마지막으로 구조화된 데이터 오류는 구글의 가이드라인에 맞지 않는 데이터가 있을 때 발생합니다. 이러한 오류들은 각각의 원인을 파악하고 적절한 수정 작업을 통해 해결할 수 있습니다.다른 4xx 문제..

로딩화면 구성웹페이지에 로딩화면을 구성하면 여러 가지 좋은 점이 있습니다.첫째로, 사용자에게 웹페이지가 로딩되고 있는 중임을 시각적으로 알려줍니다. 이로써 사용자는 기다리는 동안 페이지가 멈추거나 고장 났다고 오해하지 않습니다.둘째로, 로딩 화면은 사용자 경험을 개선할 수 있습니다. 로딩 시간 동안 빈 화면을 보는 것보다는 화면에 어떤 것이 발생하고 있는지를 알 수 있기 때문에 사용자들이 더 기다리기 쉽습니다.마지막으로, 로딩 화면을 통해 개발자들은 페이지가 완전히 로딩될 때까지 사용자들에게 대기할 수 있도록 할 수 있습니다.이렇게 함으로써 초기 화면이 빠르게 표시되고 사용자들이 더 나은 경험을 할 수 있게 됩니다.로딩 이미지 준비로딩 화면을 구성하기에 제일 먼저 필요한 것은 로딩 이미지 파일입니다. 아..

인라인블록블로그에 글을 작성할 때 인라인 블록을 사용하는 이유는 다음과 같습니다.텍스트와 함께 사용 가능: 인라인 블록은 텍스트와 함께 사용할 수 있습니다. 이는 글의 일부분에서 특정 부분을 강조하거나, 링크를 삽입하는 등의 작업에 유용합니다.이미지와 함께 사용 가능: 이미지를 인라인 블록으로 삽입하면 텍스트와 함께 자연스럽게 흐르며, 레이아웃을 깔끔하게 유지할 수 있습니다.간단한 스타일링: 인라인 블록을 사용하여 텍스트나 이미지에 간단한 스타일을 적용할 수 있습니다. 예를 들어, 글에서 특정 부분을 굵게 표시하거나, 링크를 다르게 스타일링하는 등의 작업이 가능합니다.레이아웃 유연성: 인라인 블록을 사용하여 여러 요소들을 수평으로 나란히 배치하거나, 텍스트와 이미지를 함께 배치하는 등의 다양한 레이아웃을..

콘솔오류웹페이지 성능 개선을 위해 콘솔창을 확인하다가 보면 알지 못했던 오류를 확인하게 되고는 합니다.Deprecated as of 10.6.0. initHighlightingOnLoad() is deprecated. Use highlightAll() instead.이 오류는 아니... 빨간색으로 표시되는 것이 아니기 때문에 오류라기보다는 initHighlightingOnLoad() 대신 highlightAll()로 사용해 달라는 개선 메시지입니다.오류원인해결을 위해 오류의 원인을 알아야 하는데요.이 오류의 원인은 바로 티스토리 코드문법강조를 위한 Syntax Highlight 사용으로 인한 문제입니다.해결방법플러그인의 코드 내용은 개인이 바꿀 수 없으므로 initHighlightingOnLoad()를 ..

제목을 한 줄로 표현 제목이나 글의 내용을 보여줄 때 내용이 영역보다 길어서 자동으로 줄 바꿈이 되거나 UI가 깨지지 않도록 하기 위해 말 줄임 효과를 사용할 수 있습니다. 말 줄임 css코드 말 줄임 기능을 구현하기 위한 CSS 코드는 다음과 같습니다. ul > li > a > .title { width: 100%; /* 영역사이즈 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 이 코드는 텍스트가 요소를 넘어가는 경우 텍스트를 자르고 생략 부호(...)로 표시합니다. 참고사항 width경우 지정하지 않아도 된다면 코드에서 제외해도 괜찮습니다.

이미지 라이트박스 티스토리 이미지를 깔끔하게 보이게 하기 위해서 여러 가지 라이브러리를 사용하고 있습니다. 그중에 fslightbox도 있지만, 제가 사용하고 있는 hELLO스킨에는 fancybox가 좀 더 어울리는듯해서 lightbox 대신 사용하고 있습니다. 다른 분들도 사용해 보시면 좋을 듯합니다. 아래 스크립트를 복사하여 html 편집을 통해 head아래에 붙여 넣어주시면 됩니다. FancyBox 스크립트 FancyBox는 이미지 및 미디어를 아름답게 표시하는 jQuery 플러그인입니다. 알아두세요 기존 티스토리 lightbox부분을 삭제하고 fancybox속성으로 덮어지는 형식입니다. 그래서 무조건 이미지를 보는 방법은 갤러리 형식으로 고정이 됩니다. 제가 많은 스킨을 사용해보지는 않았지만 거의..