글
코어 웹 바이탈, 구글이 제안하는 당신의 웹페이지 바이탈 체크
얼마 전 웹페이지 seo관리에 있어, 빙웹마스터 도구가 도움이 된다, 언급 한 적이 있다. SEO는 빙웹마스터도구가 제일 낫더라_색인 최적화 | 영덕대게태양광 최적화함에 그래도 약간 더 부족함이 있다 생각되어, 구글 서치 콘솔을 만지작 거리니, '코어 웹 바이탈'이라는 기능을 볼 수 있었다. 처음에는 뭔지 몰라 넘어갔지만, 눌러보니, 각 페이지마다 성능, 접근성, 권장사항, 검색엔진 최적화 등을 평가 할 수 있었다. - 성능은 웹페이지가 얼마나 가벼운가, 빨리 뜨는가를 체크 - 접근성은 시각 포함 비시각적인 요소들도 충족하는가, 고령자나 장애인도 읽을 수 있게 만들었는가 - 권장사항은 구글이 생각하는 웹페이지 요소를 충족하는가? HTML규격에 따랐는가. - 검색엔진은 구글이 얼마나 잘 긁어 갈 수 있도록 내용을 잘 썼는지, 설명이나 제목, 태그에 충실했는지 정도이다.(모바일 친화성이면 더 좋고) 그 이외 용어로는 LCP, FID, CLS가 있는데, 순서대로 얼마나 로딩이 빠른가, 버튼 클릭 속도에 빠르게 반응하는가, 화면이 흔들리지 않은가 이다.(이미지가 없다가 갑자기 등장) 사실, 이 부분은 기존 대형 플랫폼 블로그 서비스를 이용하는 사람들은 신경 쓸 필요가 없다. 티스토리나 네이버 등은 아예 본인 코드를 건들지 못하게 하거나, 건들더라도 최적화에 신경 쓰기 때문이다. 다만, 나처럼 구글 블로그스팟을 뼛속까지 만지는 사람들은... 신경을 안 써도 된다. 그도 그럴것이 최근 SEO에 신경 쓴다며, 게시글에 걸어 놓은 링크에 혹 나쁜 친구들이 있을까, rel ="nofollow" 까지 신경을 썼었다. 그에 따라 성능도 많이 좋아졌지만, 어느날 불법 사이트 링크를 소개하는 사이트가, (대놓고 그 사이트 취지가 바뀐 불법 사이트 주소 알려주는 것임에도) 구글 검색엔진 상위를 차지하고 있는 것을 보니, 힘이 쭉 빠졌다. 그것도 광고도 아닌데 말이다! 그래서 나도 홧김에 다른 사이트에 하나 만들... 여튼, 이 구글에서 분석 한 바이탈...
구글 블로거 경고 없이 갑자기 삭제?!(대처 방법)
구글 블로거가 갑자기 삭제 되었다. 일반적으로 사유는 다음과 같다. 1. 불법적인 컨텐츠 2. 성인물 3. 폭력 유도 등 등 그런데, 요즘 자극적인 기사들을 보면 해당 하지 않는 것이 더 힘들다. tv에서는 드라마에서조차 합체 장면을 보여주고, 범죄자가 떡하니, 재판도 받지 않은체 G7에 참가한다고 하지 않은가. 당연히 이런 것들을 다루기 위해서는 누군가 총대를 메고 말을 해야 하는데, 아무래도 걸릴 수 밖에 없는 내용을 담을 수 밖에 없다. 근디, 나 이 블로그 외에 여러개를 운영 중인데, 이 블로그에서 차마 다루지 못 하는 것을 그 곳에서 다루고 있는데, 그 곳은 문제 없는데, 이 블로그가 폭파 한다? 십중팔구 누군가 신고에 의한 것이다. 태양광도 마찬가지다. 굳이 몇 백 들여서 센서를 다는 이유는 전 지역에 비교군을 형성하여, 데이터 오차를 줄이기 위함이다. 이에 나는 힘을 입어, 재검토 해달라 요청 했다. 다행히 수분 내로 가볍게 해결 되었다. 내가 이렇게 확신을 가질 수 있었던 이유는 차마 다룰 수 없는 내용을 다룬 다른 블로그의 존재 때문이다. "저 사람도 신호위반 하는데, 왜 나만 갖고 그라는교?" 이렇듯 누군가 타의 모범은 엄청 중요한 것이다. 외교든, 태양광이든 결국 보여주는 것이 중요한 것이고, 남는 것은 사진이다. 이재명 것도 올리고 싶은데,,, G7 회의에도 참석 못 해, 꼴랑 만난 정상이라고는 2명 밖에 안 되고, 그나마 G7 회원국도 아니고, 그렇다고 캐나다 총리와 만나기를 했나(초대 받았다면서?!) 트럼프도 패싱해, 어라 나중에는 그리 싫어하던 일본 총리 만난다고, 그 응디 붙잡으며 위안으로 삼고 있네? 하... 이렇듯 내 나라 이재명이지만, 비판 할 때는 비판 할 줄 알아야 발전이 있는데, (ㅋ 솔직히 발전 하든 말든 내 알빠노) 여튼 국제사회는 이리 무섭다. 구글도 마찬가지인데, 이 분들은 경고 없이 걍 몸소 행동으로 보여주니, 난감하다. 그렇다고 대화를 하고 싶어도, 안 만나주면 어쩔? 그래서 다음의 대처 방...
구글 블로그스팟 링크 이미지 썸네일 첨부2
기존에는 링크 위에 마우스를 올리면, 링크 대표 썸네일 이미지가 뜨도록 만들었다. 구글 브로거 링크 이미지 썸네일 가능해요? (xehostel.blogspot.com) 그랬더니, 모바일버전에서는 보기가 힘들고,(마우스가 없으니) 또 다른 아이디어가 떠 올라 버전 2를 만들었다. 이번 버전은 링크가 화면에서 30%쯤 지날 때 해당 링크의 대표이미지를 변습 하게끔 만들었다. 처음에는 링크 바로 위에 썸네일이 뜨게끔 만들었지만, 추잡한 것 같아, 무난하게 변경하였다. 동적인 것이 티스토리 링크 이미지 썸네일보다 훨 낫다. 조금 더 까리하게 변경하고자 한다면, 신문기사처럼, 해당링크를 지날 때 페이지 전체가 위 아래로 열리면서 이미지를 보여주면 좋으나, 그것은 나중에 적용하고자 한다. 아이디어는 많이 떠 오르나, 모두 다 한 곳에 적용하다 보면, 도리어 아니한 것보다 못 해진다. 그래서 이 사이트에 적용해 놓았다. Ha! anisekai & manga (hanissss.blogspot.com) 본 사이트보다 질적으로 떨어진다고 판단 되는 아무글을 써 놓는 곳인데,,, 오히려 이 곳이 본 사이트보다 인기가 더 좋다.(역전현상) 역시 사람들의 본성에는 다들 괴수 하나는 다 있는 듯 하다. 기름 시추하기 전에 지진이 나서 다행이다라고 생각하는 나처럼. 코드는 다음과 같다. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Scroll Thumbnail Preview</title> <style> .thumbnail { ...
코드를 집어 넣었는데, 작동을 안 할 때(페이지 로드 후 코드실행)
C언어와 같이 절차형 코드는 차피 쓱 써 내려가야지만, 자바와 같이 모듈화 된 코드는 작성 해 놨다가, 필요 할 때 마다 다시 가져오면 된다. HTML에는 자바스크립트라는 프로그래밍이 쓰인다. 젠체하는 녀석들은 HTML이 무슨 프로그래밍이냐 하겠지만, 정보처리기사 1급인 나는 굳이 구분 할 필요가 있는가 싶다. 정보처리기사 취득 후기~와... 아직까지 유망 자격증이야? 왜? (tistory.com) HTML에서 특히 발생하는 문제가, 이 모듈화 된 코드를 집어 넣는 과정에서 순서가 맞지 않아 코드가 작동이 되지 않는다. 는 것이다. 이는 페이지가 한번 로드 되어, 화면을 보여주는 정적인 특성이 강한 HTML의 특성탓이라. html & css & js(Java Script)의 관계 (tistory.com) 해결방안은 간단하다. 기능 역할을 하는 자바스크립을 다 위로 올리는 것! 그럼 페이지 로드와 상관 없이 동적인 코드를 구현 가능하다. 근디, 코드가 작동 할지도 안 할지도 모르겠고, '골격'과 '기능'을 한 곳에 배치하고 싶어요. 라는 사람들이 있다. 아무래도 그래야 유지관리 측면에서도 편하고, 지우거나 잠시 기능을 멈출 때 편함에 그 원인이 있음이라. 그럼 다음 2가지 방안이 더 있다. DOMContentLoaded 이벤트 사용 : HTML 문서의 모든 요소가 로드되고 해석되면 DOMContentLoaded 이벤트가 발생합니다. 이 이벤트가 발생하면 JavaScript 코드를 실행할 수 있습니다. javascript 코드 복사 document . addEventListener ( 'DOMContentLoaded' , function ( ) { // 이 곳에 실행할 코드를 넣습니다. }); load 이벤트 사용 : 페이지의 모든 리소스(이미지, 스타일시트, 스크립트 등)가 완전히 로드된 후에 load 이벤트가 발생합니다. javascript 코드 복사 window . addEventListene...