포럼:대문의 레이아웃에 대해

→ 대문의 레이아웃에 대해

포켓몬 위키을 검색포털 사이트에서 검색하면 사이트에 대한 요약이 이렇게 뜹니다.

포켓몬 위키
http://ko.pokemon.wikia.com/
위키열매 드림월드.png, 이곳은 포켓몬 위키! 누구나 참여할 수 있는 백과사전 형식의 포켓몬 사이트 입니다. 지금 당신이 알고 있는 정보를 공유해 보세요!

사이트 요약은 단지 출력에만 반영되는 것이 아니라, 검색 결과의 우선도가 내려가는 역효과가 있습니다. 이를 최적화하려면 그림은 직접 첨부하지 말고 CSS를 이용해 배경 이미지로 처리하고, 머릿말 앞에 h2나 h3 헤더를 넣어서 해당 영역을 강조한 다음, 바로 다음에 사이트의 키워드를 포함한 문장을 넣는 것이 좋을 것 같습니다.

{| width="600" cellpadding="20" cellspacing="5" style="{{둥글}} background-color:#84Ce52; text-align:center; border:1px solid #{{검은색}}; margin-bottom:10px;"
|-
| class="WikiBerry" width="100"|
| bgcolor="#EFD7FF" style="{{둥글왼쪽}}{{둥글오른쪽}}" |
<h2 style="font-size:150%; line-height:150%; font-weight:bold; border:none; vertical-align:baseline; margin:0 0 10px;">이곳은 포켓몬 위키!</h2>포켓몬 위키는 누구나 참여할 수 있는<br />백과사전 형식의 포켓몬 사이트입니다.<br />지금 당신이 알고 있는 정보를 공유해 보세요!
|}

.WikiBerry { 
background:url(http://images1.wikia.nocookie.net/__cb20110708081641/pokemon/ko/images/thumb/4/48/%EC%9C%84%ED%82%A4%EC%97%B4%EB%A7%A4_%EB%93%9C%EB%A6%BC%EC%9B%94%EB%93%9C.png/55px-%EC%9C%84%ED%82%A4%EC%97%B4%EB%A7%A4_%EB%93%9C%EB%A6%BC%EC%9B%94%EB%93%9C.png) no-repeat center center; }

이곳은 포켓몬 위키!

포켓몬 위키는 누구나 참여할 수 있는
백과사전 형식의 포켓몬 사이트입니다.
지금 당신이 알고 있는 정보를 공유해 보세요!

이렇게 사용할 경우, 사이트 요약은 다음과 같이 반영됩니다.

포켓몬 위키
http://ko.pokemon.wikia.com/
포켓몬 위키는 누구나 참여할 수 있는 백과사전 형식의 포켓몬 사이트입니다. 지금 당신이 알고 있는 정보를 공유해 보세요!

-- Cafeinlove, 2012년 5월 15일 (화) 06:12 (UTC)