• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
SEO Structures by Yavor Milchev
 

SEO Structures by Yavor Milchev

on

  • 635 views

Several slides explaining ways to improve keyword prominence without changing your site's layout.

Several slides explaining ways to improve keyword prominence without changing your site's layout.

Statistics

Views

Total Views
635
Views on SlideShare
634
Embed Views
1

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    SEO Structures by Yavor Milchev SEO Structures by Yavor Milchev Presentation Transcript

    • HTML and CSS SEO Structures
    • HTML/CSS Structures?
      • Code snippets which don’t alter the browser view, just the code
      • Early SEO structures were made using tables
      • Current structures use HTML and CSS for maximum freedom of actions
    • Alter the code but not the browser view Code Browser Header Left sidebar Content
      • Normal table code:
      • <table width=&quot;200&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>
      • <tr>
      • <td colspan=&quot;2&quot; bgcolor=&quot;#00aaff“ >navigation bar (branding and advertising)</td>
      • </tr>
      • <tr>
      • <td bgcolor=&quot;#ff00ff&quot;>left navigation bar</td>
      • <td bgcolor=&quot;#33ff33&quot;>main content area</td>
      • </tr>
      • </table>
      Early structures were made with tables Browser view:
      • Table SEO hack:
      • <table width=&quot;200&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>
      • <tr>
      • <td colspan=&quot;2&quot; bgcolor=&quot;#00aaff“ >top navigation bar (branding and advertising)</td>
      • </tr>
      • <tr>
      • <td><!-- leave me empty --></td>
      • <td rowspan=&quot;2&quot; bgcolor=&quot;#33ff33&quot;>main content area</td>
      • </tr>
      • <tr>
      • <td bgcolor=&quot;#ff00ff“>left navigation bar</td>
      • </tr>
      • </table>
      Early structures were made with tables Browser view:
      • Using <DIV>’s:
      • <div style=&quot;width:200px;&quot;>
      • <div style=&quot;width:200px;float:left;background:#00aaff;padding:5px&quot;> top navigation bar (branding and advertising)</div>
      • <div style=&quot;width:100px;float:right;background:#ff00ff;padding:5px&quot;> left navigation bar</div>
      • <div style=&quot;width:100px;float:left;background:#33ff33;padding:5px&quot;> main content area</div>
      • </div>
      Current structures use HTML and CSS Browser view:
      • Small CSS change and same<DIV>’s:
      • <div style=&quot;width:200px;height:200px;&quot;>
      • <div style=&quot;width:200px;float:left;background:#00aaff;padding:5px&quot;> top navigation bar (branding and advertising)</div>
      • <div style=&quot;width:100px;float:right;background:#33ff33;padding:5px&quot;> main content area</div>
      • <div style=&quot;width:100px;float:left;background:#ff00ff;padding:5px&quot;> left navigation bar</div>
      Current structures use HTML and CSS Browser view:
      • Full code to execute:
      • <table width=&quot;200&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>
      • <tr><td colspan=&quot;2&quot; bgcolor=&quot;#00aaff&quot;>top navigation bar (branding and advertising)</td></tr>
      • <tr><td><!-- leave me empty --></td><td rowspan=&quot;2&quot; bgcolor=&quot;#33ff33&quot;>main content area</td></tr>
      • <tr><td bgcolor=&quot;#ff00ff&quot;>eft navigation bar</td></tr>
      • </table>
      • <br><br>
      • <table width=&quot;200&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>
      • <tr><td colspan=&quot;2&quot; bgcolor=&quot;#00aaff&quot;>top navigation bar (branding and advertising)</td></tr>
      • <tr> <td bgcolor=&quot;#ff00ff&quot;>left navigation bar</td><td bgcolor=&quot;#33ff33&quot;>main content area</td></tr>
      • </table>
      • <br><br>
      • <div style=&quot;width:200px;&quot;>
      • <div style=&quot;width:200px;float:left;background:#00aaff;padding:5px&quot;>top navigation bar (branding and advertising)</div>
      • <div style=&quot;width:100px;float:left;background:#ff00ff;padding:5px&quot;>left navigation bar</div>
      • <div style=&quot;width:100px;float:left;background:#33ff33;padding:5px&quot;>main content area</div>
      • </div>
      • <br><br>
      • <div style=&quot;width:200px;height:200px;&quot;>
      • <div style=&quot;width:200px;float:left;background:#00aaff;padding:5px&quot;>top navigation bar (branding and advertising)</div>
      • <div style=&quot;width:100px;float:right;background:#33ff33;padding:5px&quot;>main content area</div>
      • <div style=&quot;width:100px;float:left;background:#ff00ff;padding:5px&quot;>left navigation bar</div>
      • </div>
      Current structures use HTML and CSS Browser view:
      • Advanced uses of CSS:
      • Hacks which alter the view in a single browser
      • Using “position:absolute;top:125px;left:100px;” to move pieces of code to any place on a page
      • Using “float:left” or “float:right” to push <DIV>’s around a page
      • Using “margin:10px 20px 10px 20px;” or “padding:10px 20px 10px 20px;” to remove code for spacers and placeholders
      Current structures use HTML and CSS