융의 기록 보관소

Notion 페이지에 방문자 수를 표시하는 글을 앞서 작성했었어요.

그리고 이번에는 그 페이지의 URL을 줄여서 공유하는 방법을 간략하게 정리했습니다.

제가 위의 글에서 방문자 수 표시용 페이지를 Notion으로 만들었는데요.

URL은 아래와 같습니다.

https://spectacular-phlox-2bf.notion.site/4bd8e01b43a744b2bd4af348e923a364

링크를 클릭해보시면 아래처럼 방문자 수를 확인하실 수 있어요.

이제 이 URL을 공유하기 좋게 짧게 줄이려고 해요.

이를 위해서 필요한게 Bitly라는 서비스입니다.

위의 링크를 클릭하셔서 회원가입 후에 사용하시면 돼요.

예시로 보여드렸던 Notion 페이지 URL을 짧게 줄여볼게요.

Bitly 서비스에 로그인하셔서 상단의 CREATE 버튼을 클릭하세요.

그러면 아래처럼 CREATE LINK라는 창이 노출돼요.

여기서 PASTE LONG URL 하단에 줄이고 싶은 Notion 페이지의 URL을 입력해 주세요.

URL을 복사/붙여넣기 하시면 자동으로 아래처럼 화면이 바뀝니다.

여기서 COPY 버튼을 클릭하시면 짧아진 URL을 복사해서 사용하실 수 있어요.

변경 전/후의 url은 아래와 같아요.

• 변경 전 Notion 페이지 url
  • https://spectacular-phlox-2bf.notion.site/4bd8e01b43a744b2bd4af348e923a364
• Bitly 서비스로 변경한 url
  • https://bit.ly/3zHATXU

각각의 url을 직접 확인해보시면 알겠지만, 아래처럼 같은 화면을 보여주고 있어요.

참고로, Notion 페이지의 url 외에도 Bitly 서비스로 변환해서 사용하실 수 있습니다.

https://spectacular-phlox-2bf.notion.site/4bd8e01b43a744b2bd4af348e923a364

https://bit.ly/3zHATXU

해당 글이 유용하셨다면 댓글을 남겨주세요:)

또한, 수정이 필요한 부분이나 개선점 같은 내용도 댓글로 남겨주시면 여러모로 도움이 될 것 같습니다.

앞서 작성했었던 글을 보니 독백 형식의 글을 제외하고는 앞으로 이렇게 작성할 것 같아요.

수정할 부분이 더 있지만, 딱딱한 말투보다는 대화하듯이 정보를 전달하는게 더 좋은 것 같다는 생각이 들었어요.

지난 6월 24일, 구글 서치 콘솔에서 받은 메일에 관한 글을 작성했었다.

간략하게 정리하면 구글 서치 콘솔에서 보낸 메일에는 이 블로그에 문제가 있다는 것이었다.

오류 내용은 "‘itemListElement’ 입력란이 누락되었습니다."이며,

오류를 확인하고 해결하기 위한 내용들을 앞서 작성했었다.

자세한 내용이 궁금하다면 아래 링크를 클릭하면 확인할 수 있다.

구글 서치 콘솔 메일 - ‘itemListElement’ 입력란이 누락되었습니다.

그리고 오늘은 오류를 처리하고 난 이후의 결과를 정리하기 위해서 글을 쓰려고 한다.

원래는 앞서 작성했던 글에 추가로 후기를 작성할까 생각했었다.

그러나 기존 글이 너무 길어지면 모바일로 읽기 불편할 것 같아서 새로 글을 작성하기로 했다.

사설이지만, 내가 직장인이었을 때, 나는 주로 출/퇴근 시간에 업무 중 발생한 이슈들을 검색했었다.

이슈 해결을 위해서 구글에서 관련 정보들을 검색하면 티스토리 블로그가 자주 보였다.

문제는 스마트폰에서 티스토리 블로그의 글을 보면 가독성이 떨어지는 글들이 꽤 많았다.

어떤 글은 원하는 내용이 담겨있었지만, 그 내용을 찾기 위해서 스크롤을 한참 동안 아래로 내려야 했다.

아무튼, 이제 본론을 얘기하자면 나는 24일날 문제 해결 확인을 요청했으며,

정확히 25일 오후 11시 47분에 아래와 같은 메일을 받을 수 있었다.

빈 카테고리가 없도록 글들을 작성했던 방법은 다소 귀찮은 해결책이었지만, 이슈 해결을 위한 정답이었다.

메일에서 문제 세부정보 보기 버튼을 클릭하면, 구글 서치 콘솔 화면으로 넘어가면서 아래와 같은 정보가 나온다.

내용을 보면 유효성 검사 상태가 통과된 것으로 나오며, 확인 요청과 확인 완료된 날짜가 나온다.

그리고 앞으로는 같은 이슈가 발생하지 않도록 카테고리를 생성하면 무조건 해당 카테고리를 설명하는 글을 작성할 생각이다.

화요일 밤, 취침을 위해서 침대 위로 올라가는 도중에 메일을 하나 받았다.

발신인은 구글 서치 콘솔이었다.

이 블로그에 무언가 문제가 있다는 것 같은데, 정확히 무슨 이슈인지 모르겠어서 일단 잠들었다.

그리고 오늘 휴식 시간에 생각이 나서 메일을 확인했다.

메일에는 아래 내용이 기재되어 있었다.

오류 내용은 "‘itemListElement’ 입력란이 누락되었습니다."이다.

이게 도대체 무슨 뜻인지 모르겠지만 문제 해결을 위해서 검색을 해보았다.

검색을 해보니 글이 하나도 없이 비어있는 카테고리 때문에 발생하는 문제라고 한다.

일단, 탐색경로 문제 해결하기 버튼을 눌러보았다.

버튼을 누르니까 구글 서치 콘솔 화면으로 이동한다.

새로 노출된 구글 서치 콘솔 화면에는 위에처럼 오류 메시지와 처음 감지된 날짜가 표시되고 있다.

그리고 그 아래의 그래프를 보면 6월 22일부터 23일까지 오류 상태라는 것을 확인할 수 있다.

아마 오늘도 오류 상태가 해결되지 않는다면 내일은 저 그래프에 6월 24일 목요일 항목이 추가될 것이다.

그래프 아래에는 위에처럼 예라는 패널이 존재한다.

그래서 URL을 클릭해보았는데, 그러면 아래처럼 HTML 코드가 보인다.

일단, 저 화면에서 붉은색으로 표시된 곳이 오류와 관련이 있을 것 같다.

그래서 BreadcrumbList를 검색해보았다.

BreadcrumbList는 우리말로 "탐색경로"라고 이해하면 된다. (구글 검색 센터에서도 그렇게 표기하고 있다.)

BreadcrumbList는 사이트의 계층 구조에서 페이지의 위치를 나타낸다.

그리고 사용자가 사이트를 효과적으로 이해하고 탐색하는데 도움이 된다.

참고로, 2021년 1월 29일부터는 data-vocabulary.org 마크업이 아닌 schema.org 마크업으로 교체해야 된다고 한다.

자세한 내용은 아래 링크를 참고하자.

Sunsetting support for data-vocabulary

아무튼 실제로 문제가 있는 부분은 BreadcrumbList가 아니라 오류 메시지에 나오는 "itemListElement" 이다.

위의 HTML 코드에서는 BreadcrumbList 바로 옆에 있다.

보면 itemListElement가 []로 표시되어 있는데, 이는 itemListElement가 비어있다는 뜻이다.

이제서야 오류 메시지가 이해가 된다.

구글 검색 센터에서 예제를 찾아보면 itemListElement의 데이터는 아래와 같은 형식으로 필요하다.

그리고 표준이 어떤지 찾아보지는 않았지만, 에러를 보면 itemListElement는 반드시 최소 1개의 데이터가 필요한 것으로 보인다.

현재 이 블로그에는 왼쪽처럼 카테고리가 구성되어 있으며, 총 11개의 카테고리가 게시글이 0이다.

그리고 구글 서치 콘솔에서는 "C# 문법" 카테고리에서 오류가 발견되었지만,

이 카테고리만 수정하면 다른 카테고리에서도 동일한 오류들이 발생할 것이다.

그래서 문제를 해결하기 위해서는 게시글이 없는 11개의 카테고리 모두에 게시글을 1개씩 작성하거나, 카테고리를 삭제해 주면 된다.

나는 문제해결을 위해서 게시글을 1개씩 작성해줬다.

그리고 아직은 각 카테고리별로 작성할 내용이 없기 때문에 아래처럼 카테고리 설명을 하나씩 작성했다.

게시글을 작성해서 빈 카테고리가 없다면 오류 패널의 수정 결과 확인 버튼을 클릭하면 된다.

그러면 아래처럼 구글 서치 콘솔에서 새로운 메일을 보내준다.

이제 확인이 끝날 때까지 기다리는 일만 남았다.

이 카테고리는 IT 트렌드, 정보, 이슈 등을 기록하기 위해서 만들었다.

퇴사를 하고 뉴스 마저 띄엄 띄엄 보기 때문에 요즘은 세상이 어떻게 돌아가는지도 잘 모르겠다.

그런데 IT는 변화하는 속도가 빠르기 때문에 주기적으로 정보를 찾고 공부할 필요가 있다.

그래서 매일은 힘들겠지만, 적어도 일주일에 한번 정도는 IT 정보들을 찾아서 새로운 것들을 정리하려고 한다.