본인은 Google Blogger를 시작하고 있다.

하지만 블로그 게시글이 70개가 되어도 단 한개도 색인이 되고 있지 않는다.

그래서 추가적으로 신규 블로그를 생성해서 테스트를 해보아도 색인이 되지 않고 있다.

그래서 구글 검색을 하던와중 아래와 같이 저랑 비슷한 사람 아니 전문가 조차 색인이 되지 않는다는 글을 보았다.

그리고 유트브 검색을 통하여 알게 된 사실도 있다.

구글은 정기적으로 2개월 또는 3개월 마다 업데이트를 한다고 한다.

그때마다 로직이랄까 색인하는 방식이 변경된다고 한다.

국내뿐만 아니라 해외에서 애드센스로 먹고 살고 있는 전문가 대다수가 색인이 되지 않는다고 한다.

그래서 전문가 대부분이 떠나고 있다고 한다....

신기하게도 나의 구글 블로그는 색인이 단 한개도 되지 않는데 비해, 티스토리는 색인이 너무 잘된다...

어제 티스토리 애드센스 심사 탈락을 당했는데 이유가 티스토리 서버 속도가 느리다는 이유로 탈락당했다.

네이버 블로그는 구글에 노출이 안되지만, 티스토리는 구글 노출이 된다는 장점이 있다.

Google Blogger 는 앞으로 희망이 보이질 않아 보인다.

#C1C1C1 는 나의 블로그에서 적용중인 본문 글자 색상 (회색)이다. 배경이 검정일때 잘 어울린다.

#article-view {
  color: #C1C1C1;/* 본문 글자 색상 변경 */

}

#head h2 {
  text-shadow: 1px 1px #FFFF00; /* 본문 제목 글자 색상 변경 */
}

#head h2 a {

  color: #FFFF00; /* 본문 제목 글자 색상 변경 */

#article-view h4 {
  color: #FFF; /* 본문 주제 글자 색상 변경 */

}

수정 전에는 글록목 테두리에 사각 박스로 실선이 있었다.

나의 스타일이 아니여서 어디를 어떻게 수정을 해야 할까 고민중이였다.

검색을 해도 나오지 않아서 노가다로 하나씩 대입해 가면서 찾았다.

테두리를 윗 그림처럼 완전히 없애버리고 싶으면 아래코드에서 한줄을 삭제시키면 된다.

#body {
  padding: 20px 15px 18px;
  border: 1px solid #ddd;/* 글목록 테두리 설정부분*/
  word-break: break-all;
}

아래 CSS코드는 나의 블로그에서 적용중인 백그라운드 배경의 불투명 코드이다.

적용시 아래 3가지를 함께 수정하는 것이 좋다.

아래구문에서 0,0,0,0.7 의미는 앞에 0,0,0 은 RGB 컬러를 의미하면 0,0,0 은 검정색을 의미하며 뒤에 0.7은 불투명값이다.

background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('./images/Earth.jpg'); /* 백그라운드이미지 */

아래구문 sidebar도 위에와 동일한 의미이다.

background-color: rgba(155, 155, 155, 0.1); /* 배경을 70% 불투명하게 설정 */

꿀팁!

Q.  낮은 불투명값을 적용한 상태에서 조금 더 낮은 불투명값을 주고 싶을때 어떻게 하면 좋을까요?

A.   RGB 컬러를 어둡거나 밝게 하면 불투명이 조금 다르게 된다. 그래서 나는 sidebar의 RGB 색상이 155,155,155 이다.

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;

  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('./images/Earth.jpg'); /* 백그라운드이미지, 불투명 */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; /* 배경 이미지를 가로 50%, 세로 50%로 축소 */

}

#sidebar {
  position: fixed; /* 사이드바 스크롤 못하게 고정시킴 */
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  width: 280px;
  height: 100%;
  /*border-right: 1px solid #1568b7; 사이드바와 본문 사이의 구분선의 색상을 설정함, 하지만 미사용으로 주석처리함 */
  cursor: default;
  background-color: rgba(155, 155, 155, 0.1); /* 배경을 90% 불투명하게 설정 */

}

#body {
  padding: 20px 15px 18px;
  word-break: break-all;
}

2024년 스킨........ CSS에서 검색창을 수정할때

#sidebar .search input {
  padding: 10px;
  width: 95%; /* 텍스트 창의 폭을 변경함 */
  border: none;
  /* border-bottom: 1px dashed #ccc; 밑줄 부분인데 주석으로 묶어서 밑줄 안나오게 함*/
  background-color: rgba(155, 155, 155, 0.2); /* 배경을 80% 불투명하게 설정, 앞에 숫자는 rgb 컬러값, 0.2가 불투명값*/
  border-radius: 20px; /* 사각형 모서리에 R을 줘서 둥글게 만듬 */
  color: #f1f1f1; /* press enter to search...  텍스트 색상을 변경함 */
  text-align: center;  /* press enter to search...  텍스트의 위치를 중앙으로 배치함 */

아래 코드는 나의 블로그에서 적용중인 구글 번역기 코드이다.

하기 코드를 드래그 복사해서 사용하면 에러가 발생한다.

메모장에 붙여넣기 한후 문단을 아래처럼 똑같이 정리한 후 사용해야 한다.

<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"detect_browser_language":true,"languages":["ko","en","ja","zh-CN","fr","it","es","de"],"wrapper_selector":".gtranslate_wrapper","alt_flags":{"en":"usa","pt":"brazil","fr":"quebec"}}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/fd.js" defer></script>

<style>
  /* 드롭다운박스 설정*/
  .gtranslate_wrapper select {
    background-color: rgba(155, 155, 155, 0.1); /* 드롭다운박스의 배경을 70% 불투명하게 설정 */
    color: white !important; /* 드롭다운박스의 텍스트 색을 흰색으로 */
    border-color: rgba(155, 155, 155, 0.1); /* 드롭다운박스의 테두리 색상을 70% 불투명하게 설정 */
    padding: 5px;
    font-size: 15px;
    border: none;
    border-radius: 30px; /* 드롭다운박스의 모서리 R값 적용으로 반원으로 둥글게 만들기 */
    transform: translate(23%, 10%); /* 드롭다운박스의 위치 배치 */
  }
  /* 드롭다운박스의 내부 option 항목 설정 */
  .gtranslate_wrapper select option {
    color: black !important; /* 드롭다운박스의 내부 option 항목의 텍스트 색상 블랙으로 */
    background-color: white !important; /* 드롭다운박스의 내부 option 항목의 배경색 흰색으로 */
  }
</style>

Mouse Coordinate Toolkit v1.1 프로그램 소개

Mouse Coordinate Toolkit은 2024년 AutoHotkey V1.0으로 제작된 유틸리티입니다.

이 프로그램은 특정 윈도우의 정보를 확인하고 추출하는 데 사용되며, 사용자가 다양한 작업을 자동화하고

스크립트를 작성할 수 있도록 돕습니다. 특히, 윈도우 관리와 관련된 작업에 매우 유용합니다.

프로그램이 실행이 되면 프로그램 사용 방법이 적힌 폐이지가 열리게 됩니다.

사용 방법이 적힌 폐이지가 열리지 않으면 본 프로그램은 실행되지 않습니다.

왜냐하면, 프로그램에 사용 방법이 포함되어 있지 않기 때문입니다. 

Mouse Coordinate Toolkit의 주요 기능

1. 활성화된 윈도우 찾기 기능
Mouse Coordinate Toolkit는 현재 활성화된 윈도우 이름을 쉽게 찾을 수 있도록 도와줍니다.
이를 통해 개발자는 특정 윈도우에 대한 작업을 보다 효율적으로 수행할 수 있습니다.
예를 들어, 아래와 같은 구문에서 활성화된 윈도우를 찾는데 자주 사용됩니다.
WinGetActiveTitle, activeTitle   ; Get the title of the currently active window 

2. 속성 추출:
Mouse Coordinate Toolkit는 현재 마우스 위치의 좌표를 통해 다양한 속성을 추출할 수 있습니다. 예를 들어, 마우스 위치에 대하여 마우스의 좌표값, Pixelcolor, RGB의 정보를 가져올 수 있습니다.

2-1. 현재 마우스 위치의 좌표값 찾기
현재 마우스 위치의 좌표 값을 가져올 수 있습니다.
F2, F3, F4 단축키를 사용하여 최대 3번까지 프로그램에 임시로 기록할 수 있습니다.
이러한 속성은 스크립트를 작성할 때 특정 윈도우의 버튼을 정확하게 클릭하는 데 매우 유용합니다.

2-2. 현재 마우스 위치의 PixelColor 찾기
현재 마우스 위치의 좌표 값을 PixelColor 값으로 가져올 수 있습니다.
F2, F3, F4 단축키를 사용하여 최대 3번까지 프로그램에 임시로 기록할 수 있습니다.
이러한 속성은 스크립트를 작성할 때 특정 윈도우의 버튼을 정확하게 클릭하는 데 매우 유용합니다.

2-3. 현재 마우스 위치의 RGB Color 찾기
현재 마우스 위치의 좌표 값을 RGB 값으로 가져올 수 있습니다.
F2, F3, F4 단축키를 사용하여 최대 3번까지 프로그램에 임시로 기록할 수 있습니다.
이러한 속성은 스크립트를 작성할 때 특정 윈도우의 버튼을 정확하게 클릭하는 데 매우 유용합니다.

2-4. 마우스 위치 값을 입력하여 마우스를 해당 좌표로 보내기
마우스의 좌표값을 수기로 입력하여 마우스를 해당 좌표로 이동시키는것도 가능합니다.

3. Image Search 코드 작성

Image Search 에서 마우스의 시작 위치와 끝 위치를 알아야 합니다.

마우스의 시작은 단축키 F2번를 누르면 되고 끝은 F3번을 누르면 됩니다.

F6을 누르게 되면 아래 그림과 같이 마우스의 시작위치와 끝 위치를 자동으로 입력하여 이미지 서치 코드가 작성되게 됩니다. 사용자가 이미지 경로만 변경하여 자유롭게 수정하여 사용하면 됩니다.

 

끝............

본 프로그램은 하기 경로에서 다운로드 가능합니다.

https://jessica-eng.tistory.com/25

24110501_JessicaTKR

누군가 애드센스 고시라고 하지 않았던가....

왜 이렇게 우여곡절 끝에 애드센스 승인이 되었는지 이야기를 해 보려고 합니다.

처음 시작은 구글 블로그 Blogger 로 시작을 하였습니다.

11개의 게시글을 작성후 과감히 에드센스 승인 요청을 하였지만 컨턴츠 부족으로 탈락하였습니다.

단순히 컨턴츠 부족인가?  아니면 무슨 문제가 있을까 고민에 빠졌죠....

그런데 이상하게도 게시글이 하나도 색인, 노출이 되지 않았습니다.

내가 쓴 글이 구글에 하나도 나타나지 않아서 그래서 컨턴츠 부족인건가 혼란스러웠죠.

한달을 구글 블로그를 지켜보았으나 색인은 전혀 되지 않았습니다...

이쯤 되니 포기하고 싶어져서 그냥 다시 애드센스 승인 요청을 눌렀죠.....

그랬더니 다시 컨턴츠 부족으로 탈락......

이건 아니다..싶어서 테스트 겸  티스토리 블로그를 2개 만들었죠..

게시글을 모두 11개로 만들어서 애드센스 승인을 요청하였지만 모두 탈락

그래서 티스트로 블로그 게시물을 21개 만들어서 애드센스 승인을 요청하였는데 합격되었네요.

컨턴츠 품질이 좋은것도 아니였고, 특이한 것이 있다면 티스토리의 게시물은 구글 검색에 나타났어요.

티스토리에 게시글을 쓰면 색인, 노출이 일주일도 안되어서 바로 바로 노출이 되네요.

하지만 구글 블로그는 아직도 색인 노출이 전~~~혀 되지 않고 있네요.

왜 구글 블로그는 색인 노출이 되지 않을까 너무 이상해서 구글 블로그는 4개를 만들어서 테스트를 해봤어요.

4개 모두 구글 블로그 테마(스킨)이 다르게 했어요.

그리고 순정상태 html를 수정하지 않는 수정상태..

이 순정 상태의 블로그에서 게시글을 11개 썼는데 그 중 색인 노출이 각각 1개씩 되었어요..

색인 노출이 1개씩 되는것도 매우 이상했어요....

글 컨턴츠의 품질이 좋치 않고 글자 수도 적고 그림 크기도 크고......어떻게 분석을 할 수가 없었음.

....

그래서 게시글을 20 이상으로 더 작성을 해보고 한달을 기다려 보고 두달을 기다려 보아도 색인 노출은 전혀 안되고 있음.

구글블로그...색인도  안되고,   개념도 없고......구글 블로그 망한듯. !!!!!   안하고 만다.!!

결론은

티스토리 게시글 최소 21개 만 작성하고, 내용은 크게 중요하지 않음, 그냥 텍스트 많이 쓰면 유리함..

구글에 색인,노출되야 하고  다음에 색인,노출  이렇게만 하면 애드센스 승인은 된다.~~

애드센스 요청 후 대략 15일 정도 후에 애드센스 승인이 되었음.~~~

24110501_JessicaTKR

User-agent         하나의 로봇의 지정함

User-agent: *      모든 로봇을 허용험

User-agent: Mediapartners-Google      검색 로봇이 모든 URL 방문, 모든 디렉터리에 수집 접근 하는것을 허용함
Disallow:        모두 허용함,        봇에 의한 수집을 거부할 디렉토리

Disallow: /    모두 차단함,      봇에게 몇 가지 디렉토리 수집을 거부

Allow:      모두 차단함,      봇에 의한 수집을 허용할 디렉토리를 입력

Allow: /    모두 허용함,     모든 디렉토리에의 자료 수집 허용을 의미

Disallow

Disallow, Allow 경우 뒤에 폴더나 파일의 경로를 표시하며, 폴더는 반드시 슬래시(/) 기호로 끝나야 함.

Crawl-delay:    크롤링 주기. (초단위 사용) 서버부하 방지에 도움.  ( Googlebot은 무시함 )

                        봇에 의한 수집이 너무 자주 발생하지 않게 딜레이를 둘 수 있으며, 1~30의 값이 입력
Sitemap: https://your-blog-url/sitemap.xml   이뜻은 검색 엔진 로봇이 웹 사이트의 사이트맵을 참조하도록 하는 명령어

                                                                      사이트맵은 웹 사이트의 모든 페이지를 검색 엔진에게 알려주는 역할함.

**모든 검색엔진 허용.

User-agent: *

Allow: /

또는,

User-agent: *

Disallow:

예시

------------------------------------

# 모두 차단

User-agent: *

Disallow: /

------------------------------------

# 단, 아래 검색봇들은 허용

------------------------------------

# 구글 (Google)

User-agent: Googlebot

Allow: /

User-agent: Googlebot-Mobile

Allow: /

User-agent: Mediapartners-Google

Allow: /

# 네이버 (Naver)

User-agent: AdsBot-Naver

Allow: /

User-agent: NaverBot

Allow: /

User-agent: Yeti

Allow: /

# 다음 (Daum)

User-agent: Daum

Allow: /

User-agent: Daumoa

Allow: /

# 빙 (Bing)

User-agent: bingbot

Crawl-delay: 10

# 야후 (yahoo)

User-agent: Slurp

Crawl-delay: 10

User-agent: Yahoo-Slurp

Crawl-delay: 10

User-agent: Yahoo! Slurp

Crawl-delay: 10

# 줌 (zum)

User-agent: ZumBot

Crawl-delay: 10

# 사이트맵

Sitemap: https://자신의 블로그 주소/sitemap.xml

모든 크롤링은 허용하지 않지만 구글봇에게는 허용합니다.

User-agent: Googlebot 
Disallow:
User-agent:*
Allow: /
Sitemap: https://자신의 블로그 주소/sitemap.xml

모든 크롤링은 허용하지 않지만 구글봇에게는 허용합니다.

User-agent: Mediapartners-Google
Disallow:
User-agent:*
Allow: /
Sitemap: https://자신의 블로그 주소/sitemap.xml

1. 모든 검색봇 차단 

2. 모든 검색봇 허용

3. 구글봇 차단 (구글봇, 구글봇이미지, 구글봇모바일)

4. 네이버봇 차단

블로그를 개설 후 검색 사이트에 나타날 수 있도록 사이트 등록을 해야 합니다.

사이트 등록을 하지 않으면 검색사이트에서 자신이 블로그의 게이물은 찾을 수 없습니다.

아래 사각 박스에 해당 사이트 등록이 링크가 걸려 있으므로 사이트 등록을 하시면 됩니다.

Google 사이트 등록:  https://  자신의 블로그 주소  /sitemap.xml

Google 사이트 등록:  https://  자신의 블로그 주소  /feeds/posts/default?alt=rss
Google 사이트 등록:  https://  자신의 블로그 주소  /atom.xml?redirect=false

Bing( Yahoo ) 사이트 등록:  https://  자신의 블로그 주소  /sitemap.xml

Naver 사이트 등록:  https://  자신의 블로그 주소  /sitemap.xml

Daum 사이트 등록:  https://  자신의 블로그 주소  /sitemap.xml

Zum 사이트 등록:  https://  자신의 블로그 주소  /sitemap.xml

러시아 Yandex 사이트 등록:  https://  자신의 블로그 주소  /sitemap.xml

1. 아래사진에서 1번 더하기 클릭 후 자신의 블로그 주소 입력

2. 아래사진에서  sitemap.xml     rss등록

중국 바이두(Baidu) 사이트 등록을 하기 위해서 필수적으로 바이두(Baidu) 사이트에 회원가입이 되어 있어야 합니다.

바이두 회원 가입 사이트

https://passport.baidu.com/v2/?reg&u=https%3A%2F%2Flogin.baidu.com%2F&tpl=bceplat&overseas=1

Google Search Console 설정

https://search.google.com/

새 사이트맵 추가란에 아래 3개를 차례대로 입력하고 제출클릭하여 등록한다.

https://  자신의 블로그 주소  /sitemap.xml

https://  자신의 블로그 주소  /feeds/posts/default?alt=rss

https://  자신의 블로그 주소  /atom.xml?redirect=false

-----------------------------------------------------------------------------------

Robots.txt 설정

하기 텍스트 모두 드래그 복사 하여 붙여넣는다.

User-agent: Googlebot 

Disallow:

User-agent:*

Allow: /

Sitemap: https://   자신의 블로그 주소  /sitemap.xml

WorkShop, CD to ISO File Converter Software.

CD 또는 DVD를 ISO 파일로 변환시키는 프로그램입니다.

MRI CD를 ISO파일로 변환하여 타인에게 송부가능.

MRI CD를 ISO파일로 단 한번만 변환하게 되면, 언제든지 손쉽게 PC에서 MRI를 확인 할 수 있음.

https://drive.google.com/file/d/1kQq_JUb_ao4kKnX0-3ZwQ0lNF031Te6X/view?usp=sharingt

Dynamic View 소개

구글 블로그 또는 blogspot 이라고도 불리우고 있죠...

구글 블로그는 무료로 사용할 수 있는 여러가지 레이아웃(스킨)이 존재하는데 그중에서도 Dynamic View의 활용에 대해서 알아보겠습니다. 아래 사진은 Dynamic View 레이아웃(스킨)을 사용한 블로그입니다.

보는 것처럼 사진첩이란 느낌이 물씬 풍겨납니다. 사진을 눌렀을때 아래 그림처럼 새로운 창이 열리면서 내용이 나타나게 됩니다. Dynamic View 장점은 탭을 보시면 최근항목, 날짜, 라벨, 작성자로 구분할 수 있기 때문에 필터링을 해서 원하는 사진만 정렬할 수 있게 됩니다. 검색에서는 컨텐츠의 내용을 찾게 됩니다.

또 하나의 장점으로서 블로그 용량이 무제한에 가깝다 입니다. 따라서 사진첩으로 활용하기에 충분해 보입니다.

테마 > HTML편집

아래 설정값으로 블로그를 접속하였을때 보여지는 기본 디폴트를 Flipcard로 나타납니다.

<Variable name="blitzview" description="Initial view type" type="string" default="flipcard" value="flipcard"/>

템플릿(Template) > Customise > Advanced > Add CSS

아래는 CSS 추가 할 3가지 소스 코드 내용입니다.

첫번째로는 Flipcard, 스냅샷 2가지 모드만 남겨두고 모두 나타나지 않습니다.

두번째로는 최근항목, 날짜, 라벨, 작성자의 글자가 겹치지 않게 간격을 띄웁니다.

세번째로는 우측 가젯이 숨겨진 상태가 아닌 항상 나타난 상태로 유지됩니다.

 #Classic.ss, #views ul li:first-child ,   
 
 #Magazine.ss, #views ul li:nth-child(3),   
 #Mosaic.ss, #views ul li:nth-child(4),   
 #Sidebar.ss, #views ul li:nth-child(5),   
 
 #Timeslide.ss, #views ul li:nth-child(7)  
 {

 display: none !important;  
 }

#gadget-dock {right:0px !important;}

 #controls ul#groups li {  
 width: 88px !important;   
 }