일부 웹사이트의 원박스(onebox) 링크 미리보기에서 파비콘(favicon)이 깨져 있는 것을 확인했습니다.
예를 들어:
이 웹사이트(https://invantive.com/products/invantive-control-for-excel.html)의 파비콘 URL은 다음과 같습니다:
<link rel="shortcut icon" href="https://invantive.com/favicon.ico">
하지만 미리보기에서 깨져 보이는 파비콘은 다음 URL을 표시합니다:
<img src="https://invantive.com/products/invantive-control-for-excel.html/favicon.ico" class="site-icon">
링크 URL을 가져와 그 경로 끝에 '/favicon.ico’를 단순히 붙이는 것 같습니다.
이를 수정하는 방법에 대한 아이디어가 있을까요?
조슈아
나한테는 잘 작동하는 것 같아
https://invantive.com/products/invantive-control-for-excel.html
https://invantive.com/products/invantive-control-for-excel.html
https://invantive.com/
onebox는 og:image를 가져옵니다
하지만 제목 옆의 작은 이미지로 파비콘을 사용합니다:
이 방식은 invantive.com의 경우 해당 URL에 '/favicon.ico’를 추가하여 올바른 URL을 생성하므로 잘 동작합니다.
하지만 다른 예제의 경우 링크 URL에 '/favicon.ico’를 추가하여 파비콘 URL을 생성하는데, 이는 해당 페이지에서 실제로 사용되는 파비콘 URL이 아닙니다(해당 페이지에서도 'https://invantive.com/favicon.ico'가 사용되고 있습니다). 따라서 깨진 이미지(broken image)가 생성됩니다.
정답입니다!
하지만 이상하게도, 미리보기에서는 깨진 이미지 표시가 더 이상 나타나지 않고 아예 이미지가 없는 것처럼 보입니다. 왜 favicon을 완전히 무시했는지는 정확히 모르겠네요.
제 스크린샷을 찍은 지 불과 몇 분 후에 그런 일이 발생했는데, 스크린샷을 보시면 이미지가 누락된 상태(제 스크린샷에서 제목 앞에 빈 공간이 있는 부분)가 확인됩니다.
