본문 바로가기
블로그 꾸미기

메타태그 작성으로 블로깅 경쟁력 UP! 파워블로거의 노하우

by 혼자왔서연 2023. 8. 17.
반응형

중요성과 이점

(하단에 저의 메타태그 공개와 누구든 수정할 수 있는 샘플 자료를 포함하고 있습니다)  블로그 글을 작성할 때 중요한 것은 내용뿐만 아니라 검색 엔진 최적화 (SEO) 또한 고려해야 합니다. 그중에서도 블로그 Meta 태그 작성은 SEO의 핵심 요소 중 하나입니다. 이는 검색 결과에서 블로그 글이 어떻게 나타날지에 영향을 미치는데요. 그렇기 때문에 효과적인 블로그 Meta 태그 작성법에 대해 알아보겠습니다.

제목 태그 (Title Tag)

블로그 글의 제목은 제목 태그에 해당합니다. 제목 태그는 검색 결과에서 가장 먼저 보이는 부분으로, 글의 내용을 간략하게 요약해야 합니다. 이때, 중요한 키워드를 포함하여 짧고 강렬한 문구를 작성하는 것이 좋습니다.

메타 설명 태그 (Meta Description Tag)

메타 설명 태그는 검색 결과에서 제목 아래에 나타나는 짧은 글귀입니다. 블로그 글의 내용을 간략하게 설명하며, 어떤 정보가 포함되어 있는지 알려줘야 합니다. 이때도 중요한 키워드를 활용하여 간결하고 매력적인 문장으로 작성하는 것이 필요합니다.

헤더 태그 활용하기

블로그 글 내에서 헤더 태그를 적절히 활용하는 것도 중요합니다. H1, H2, H3 등의 헤더 태그를 활용하여 글의 구조를 나타내면서 동시에 키워드를 강조할 수 있습니다. 이는 검색 엔진이 글의 내용을 파악하는 데 도움을 주며, 독자가 내용을 쉽게 이해할 수 있도록 도와줍니다.

URL 구조 최적화

블로그 글의 URL도 검색 엔진 최적화에 영향을 줍니다. 짧고 간결한 URL 구조를 유지하며, 키워드를 포함하는 것이 좋습니다. 이는 검색 결과에서 URL도 보이기 때문에, 사용자가 어떤 내용을 클릭할지 결정하는 데 영향을 미치게 됩니다.

내부 및 외부 링크 활용

블로그 글 내에서 다른 내부 페이지나 외부 사이트로의 링크를 적절히 활용하는 것도 중요합니다. 내부 링크는 관련 있는 다른 글로 유도하거나, 외부 링크는 신뢰할 만한 정보를 제공하기 위해 사용될 수 있습니다. 이는 검색 엔진에서 글의 신뢰도를 높이는 데 도움을 줄 수 있습니다.

콘텐츠의 품질과 가치

마지막으로, 모든 SEO 작업의 근본은 품질과 가치 있는 콘텐츠를 제공하는 것입니다. 키워드를 적절히 활용하면서도 독자들에게 유용한 정보를 제공하는 것이 핵심입니다. 검색 엔진은 사용자 경험을 중요하게 생각하므로, 훌륭한 콘텐츠를 제공하는 것이 블로그의 성공을 좌우할 수 있습니다.

 

 

저의 메타 태그 공개입니다 :)  바꿔야할것들에 대해서 알려드릴게요

1.og:title - > 자신의 블로그 이름으로 변경해 주세요

2.description 도 수정해 주세요

3.image 는 자신의 이미지로 꼭!! 변경해 주세요.. 안 그러면 블로거님들의 웹에 제 사진이 뜹니다!!(절대경로)

4.url : 자신의 URL을 넣어주세요

5.autor 는 중간에 있는 이름으로 해주세요 :)

6. 아래에 twitter card 도 똑같이 작성해 주시고요

7.link rel ->  아마 많은 분들이 빼. 먹. 으. 신 부분 같은데요 저도 오늘 등록했어요...! 자신의 fav icon 주소를 넣어주서야 돼요 기능은 구글이나 어떠한 서칭사이트에서  그림과 같은 로고라고 생각하시면 돼요 

link.rel

<!----추가사항 ---->

<meta property="og:type" content="website">
<meta property="og:title" content="리눅스, 가상머신, 파이썬 - IT 열정의 행방록">
<meta property="og:description" content="리눅스, 가상머신, 파이썬, 모의해킹에 대한 지식과 경험을 공유합니다. 블로그 꾸미기 팁까지!">
<meta property="og:image" content="https://img1.daumcdn.net/thumb/C428x428/?scode=mtistory2&fname=https%3A%2F%2Ftistory1.daumcdn.net%2Ftistory%2F6480016%2Fattach%2F4e9454e995a8418ba6b3a44779838b19">
<meta property="og:url" content="http://ubuntu2304.tistory.com/">
<meta property="og:article:author" content="'ubuntu2304'">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@TISTORY">
<meta name="twitter:title" content="리눅스, 가상머신, 파이썬 - IT 열정의 행방록">
<meta name="twitter:description" content="리눅스, 가상머신, 파이썬, 모의해킹에 대한 지식과 경험을 공유합니다. 블로그 꾸미기 팁까지!">
<meta property="twitter:image" content="https://img1.daumcdn.net/thumb/C428x428/?scode=mtistory2&fname=https%3A%2F%2Ftistory1.daumcdn.net%2Ftistory%2F6480016%2Fattach%2F4e9454e995a8418ba6b3a44779838b19">

<link rel="shortcut icon" href="https://tistory1.daumcdn.net/tistory/6480016/5d10555f8d3a42688998404e5f0010a8">	

<!----추가사항 끝---->

 

head 사이에 넣어주시면 됩니다! 방식은 아래와 같습니다 

2023.07.27 - [블로그 꾸미기] - 블로그에 팜업창을 띄워보자!

 

블로그에 판업창을 띄워보자!

자바스크립트로 판업창 띄우기. 먼저, 제가 올린 코드를 복사합니다!. #변경된 코드 -> 하루에 한번만 판업이 뜹니다! 주석은 내일 시간날때 생각나면 해볼게요 :) 내 블로그 스킨편집으로 이동해

ubuntu2304.tistory.com

 

 Question & Answer

자주 물을 수 있는 질문. 어디서 사진 주소들을 얻을 수 있나요? 

질문에 대한 답변드리겠습니다.

 

1. 우측 상단에 자신의 프로필을 클릭한다.

2. 자신의 블로그 우측에 톱니바퀴를 클릭해서 자신의 블로그 관리 페이지로 이동

3. 블로그 관리 클릭

4. 아래 그림에서 주황색으로 표기된 글씨로 들어간다

왼쪽 사이드바 메뉴 사진

5. 관리 - 블로그 탭으로 이동후 F12 키를 누른다

 

6. 자신의 메인 사진을 클릭한다

본인 블로그 관리 페이지 사진

7.url을 복사해서 메모장에 저장 후 메타 태그 샘플에 url과 교체한다!

 

8. 아래 favicon도 먼저 이미지를 넣고 실행해 주세요 

 

9. 수고하셨습니다 좋은 하루 보내세요!

반응형

Animated Rainbow Nyan Cat