마크다운 에디터 문법 컨닝페이퍼 + SEO 팁

in #kr7 years ago (edited)

스팀잇을 하면서 좋아하게 된 것이 하나 있으니 바로 마크다운 문법입니다. 쓰다보니 너무 깔끔하고 편해서 제가 만들고 있는 웹사이트에도 적용을 했습니다.

마크다운을 잘 쓰면 좋은 것이 하나 더 있는데요. 바로 SEO 적용이 되는것이 쉬워서 구글에서 검색이 잘된다는 것입니다. 이미 스팀잇은 사이트 순위도 높고 퀄리티있는 글들이 많이 올라오기 때문에 아주 약간의 팁으로도 노출빈도를 비약적으로 높일 수 있습니다. 이 말은 여러분의 영향력이 스팀잇 커뮤니티 뿐만 아니라 웹에서 증가한다는 것이죠.

SEO를 적용하기 위해서는 제목에 해당되는 키워드를 # H1 문법을 본문 처음에 써주고 주요 문단의 키워드를 # H2를 각 문단의 앞에 기록하면 됩니다. 검색 엔진은 H1 태그나 H2 태그를 사용하는 글들에 좋은 점수를 줍니다.

마크다운 컨닝페이퍼

마크다운의 철학

마크다운의 철학은 심플하고 읽기 쉬운 웹의 언어를 만드는데 있다. 블라블라~

마크다운 사용법

중얼중얼~

마크다운 추가정보

추가추가~

참 쉽죠잉? 제가 확신하는데 정말 유용한 팁이 될 것입니다. 그럼 진짜 컨닝페이퍼 시작합니다~

markdown-256.png

마크다운 사용법

헤더

H1~H6 까지의 헤더를 나타나는데 사용되며 제목, 강조를 할때 활용됩니다. 1~6 해쉬 레벨까지 사용이 가능합니다. 해쉬를 입력하고 한 칸 띄우는 것을 잊지 마세요.

예)

# H1 입니다.
## H2 입니다.
###### H6입니다.

강조

** 로 감싸면 에 대응하는 강조 표시가 됩니다.

예)
**강조**

이미지

마크다운에서 이미지 파일을 올릴 때 사용합니다. 에디터 안으로 이미지를 드래그 앤 드롭을 해도 자동으로 작성됩니다.

예)
![Alt text](/path/to.img.jpg)

  • ! 마크로 선언합니다.
  • 대괄호 []를 사용하고 Alt text를 써줍니다. Alt text는 이미지가 보여지지 않을 때 표시되는 텍스트입니다. 작성하지 않아도 되지만 작성하면 SEO 검색에 유리합니다.
  • url 즉 이미지의 주소 및 경로를 소괄호 () 안에 표시해 줍니다.

링크

링크도 에디터에 주소를 입력하면 자동으로 마크다운 파서에서 링크 형태로 보여줍니다. (http://를 포함해야 합니다.)
직접 작성하려면 다음과 같이 작성하면 됩니다.

예)
[link text](http://example.com/)

  • 이미지와 거의 유사합니다. 다만 ! 마크선언 부분이 없습니다.
  • 대괄호 [] 안에 링크에 표시될 텍스트를 써줍니다. 적절하게 작성하면 SEO 에 유리합니다.
  • 소괄호 안에는 링크로의 url 또는 경로를 적어줍니다.

리스트

리스트는 항목을 작성할 수 있는 것으로 깔끔하게 정리하는데 유리합니다.

  • 순서가 없는 리스트

순서가 없는 리스트 (Unordered lists)는 *, +, - 기호 중 하나를 사용하면 됩니다. 기호를 쓰고 한 칸 띄우는 것을 잊지 마세요.

예)

-   Red
-   Green
-   Blue
  • 순서가 있는 리스트

순서가 있는 리스트(Ordered list)는 1. 2. 3. 의 방식으로 쓰면 됩니다. 역시 한칸 띄우는 것을 잊지 마세요.

1.  Bird
2.  McHale
3.  Parish

코드 인용

코드를 써야할 때가 있다면 ` 키로 감싸주면 됩니다. ` 키는 그레이브라고 불리우는데 작은 따옴표가 아닌 숫자 1키 옆에 있는 물결 키(~)를 쉬프트를 누르지 않고 누르는 키입니다. 또한 스페이스를 4번 (Indent) 치고 코드를 입력해 줘도 코드 인용이 됩니다. 이는 <pre><code></code></pre>에 대응합니다.

예)


`code line`
```code block
   echo hello world!
```

코드는 ` 를 사용하세요. 편리합니다.

블록 인용

일반적인 인용은 > 를 이용하면 됩니다. > 를 전체 텍스트에 적용해도 되고 맨 앞에 한 번만 사용해도 됩니다.

예)

> this is block quote

this is block quote

> this is block quote you can use it everyline
> it looks good

this is block quote. you can use it everyline.
it looks good.

마크다운을 마스터 하고 싶으신 분은 마크다운을 만든 존그루버의 사이트를 참고하시는 것도 좋을것 같습니다.

참고 :
https://daringfireball.net/projects/markdown/syntax

그럼 여러분 좋은 하루 되세요~^^

Sort:  

스스로 홍보하는 프로젝트에서 나왔습니다.
오늘도 좋은글 잘 읽었습니다.
오늘도 여러분들의 꾸준한 포스팅을 응원합니다.

오오 마크다운 문법이라....
전 역행해서 글쓸때 마크업을 일일이 하고있는데 ㅋㅋㅋㅋ
잘 참고하겠습니다!

감사합니다. 유용하게 활용해주세요~ㅋㅋ

저도 스팀잇하면서 일부 마크다운 명령어를 알고 있었는데, 이렇게 정리해주시니까 편하네요 ㅎㅎ
SEO 라는 것도 처음 알았어요!

웹에서 SEO를 알고 있으면 유리합니다 ♪───O(≧∇≦)O────♪

2018년에는 두루 평안하시길!

짱짱맨님 최고!

글 쓰다보면 한 두번 헷갈렸던게 아닌데, 이 글을 북마크 해둬야겠군요 :)

감사합니다. 크립토님.
날씨 추운데 항상 조심하시구요 ^^

저도 북마크해둬야겠어요. 그동안 여러 편한 에디터들에 익숙해져있어서 스팀잇과 마크다운은 좀 어렵네요...ㅜㅠ

쓰다보시면 편해지실거에요~ #이나 ## 정도만 활용하셔도 되지 않을까 싶어요~ㅎㅎ

Coin Marketplace

STEEM 0.18
TRX 0.15
JST 0.028
BTC 63597.74
ETH 2476.06
USDT 1.00
SBD 2.53