SEO for IndexScript

[Bagi Zoltán]

Hi All,
yesterday night I compiled a guide with the title SEO for IndexScript. The post is mainly about the onpage optimization, and hope some of you will find it useful.

[temi]

I'm sure index scrip user will find it useful. BTW, did you create the search function in your index script? most of the index script site I see do not seem to have search function

[Bagi Zoltán]

I have search function, if you can't find it, the design is the guilty.

[temi]

I was not talking about your site, you site has it, I was talking about other index it sites I have visited

[Bagi Zoltán]

Oops, sorry I misunderstood you. As default the script contains the serching possibility in the header menu bar, but it has a visibility: hidden; attributum placed in the external css file. The input form will apear only when you click onto the Search option. You can check it in the practice if you visit this almost empty freshly installed Sziget Festival Related Directory.

[gkd_uk]

Bagi

Is there away to bring the search box forward on to the homepage. I would like a search box on the homepage rather then a search link in the header?

Thanks

[Bagi Zoltán]

Of course there is a solution This is the part of my heading.php file where the searching option is coded:

PHP Code:

<div id="searchdiv" class="searchclass" align="left"><form method="post"  class="searchclass" action= [url=http://www.directoryofseolinks.com/search.php]SEO Directory | SEO Links[/url] ><input type="text" name="string"  value="keyphrase" size="20" class="in" onfocus="this.value='';"/><input type="submit" value="search" name="submit" class="submit"/></form></div> 


and the additional css codes:

.in{font-family: "Lucida Sans Unicode", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
float:left;
font-size:8pt;
background-color:#414141;
color: #7D7D7D;
border:0px;}

.in:focus{
float:left;
background-color:#5E838F;
color:#D5EFFC;}

.searchclass{
background-color:#090909;
width:70px;}

#searchdiv{
background-color:#090909;
width:300px;
float:right;}

Note: you will have to custoize them in order to fit your design

[gkd_uk]

Thanks Bagi

I'll give it a go :armada7:

[Bagi Zoltán]

Theres is one more solution, I played a little with the original code. Just substitute this code:

PHP Code:

<script type="text/javascript" src= <?php echo($dir_root_path . "include/search.js"); ?> ></script>
      <a href= <?php echo($dir_root_path . "search.php"); ?> onClick="popupsearch(this, 'searchdiv'); return false">Search</a>&nbsp;&nbsp; |&nbsp;&nbsp;
      <div id="searchdiv" class="searchclass" align="right">
        <form method="post" action= <?php echo($dir_root_path . "search.php"); ?> >
          <input type="text" name="string" size="25">&nbsp;&nbsp;<input type="submit" value="Submit" name="submit"><br>
          <a href= <?php echo($dir_root_path . "search.php"); ?> onClick="killsearch('searchdiv'); return false"><font size=1>Close Form</font></a>&nbsp;
        </form>
      </div>

with this one:

PHP Code:

      <div id="searchdiv" class="searchclass" align="right">
        <form method="post" action= <?php echo($dir_root_path . "search.php"); ?> >
          <input type="text" name="string" size="25">&nbsp;&nbsp;<input type="submit" value="Submit" name="submit"><br>       
        </form>
      </div>

In order to make the searching input visible for final step you will have to remove the visibility:hidden attributum in the css referring to .searchclass.

[gkd_uk]

That's great Bagi

Thanks a lot