Zum Inhalt springen

Quellcode reduzieren

Erstellt am 7. September 2005 · 10 Antworten · letzte Antwort am 28. Oktober 2005

Tags: Frage

ben ·

Hallo alle zusammen,

bei meinem neusten Projekt habe ich ein Slideoutmenu integriert. Wenn ich mir nun den Quelltext der Seite ansehe sind da nun, trotz Auslagerung immernoch Codierungen des Menus und meines CSS enthalten. Es geht mir darum, dass vor dem Content nicht zu viel unnötiges Zeug steht, um ein besseres Abscanner der Suchbegriffe in Suchmaschinen zu erhalten..

Hier mal die Seite:
http://web140.server4.itaw.de

und hier der Quelltext:

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
	This website is brought to you by TYPO3 - get.content.right
	TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
-->

	<link href="fileadmin/template/default.css" type="text/css" rel="stylesheet" />
	<style type="text/css">
		/*<![CDATA[*/
	<!--

	A:link {text-decoration: none}
	A:visited {text-decoration: none}
	A:active {text-decoration: none}
	A:hover {color: underline overline;}
	-->
		/*]]>*/
	</style>
<script type="text/javascript" language="JavaScript" src="fileadmin/template/ypSlideOutMenus.js"></script><script type="text/javascript" language="JavaScript" src="fileadmin/template/jslib.js"></script>
	<title>ERZI-Flock Technik: ERZI-Flock Technik</title>
	<meta name="generator" content="TYPO3 3.8 CMS" />
	<script type="text/javascript">
		/*<![CDATA[*/
	<!--
		browserName = navigator.appName;
		browserVer = parseInt(navigator.appVersion);
		var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
		if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
			// Blurring links:
		function blurLink(theObject)	{	//
			if (msie4)	{theObject.blur();}
		}
		
	// -->
		/*]]>*/
	</script>

<script type="text/javascript">
	/*<![CDATA[*/
<!--
if (version == "n3") {
img9_c3a5_0_n=new Image(); img9_c3a5_0_n.src = "typo3temp/menu/063ea6104f.gif"; 
img9_c3a5_0_h=new Image(); img9_c3a5_0_h.src = "typo3temp/menu/0cde473070.gif"; 
img8_c3a5_1_n=new Image(); img8_c3a5_1_n.src = "typo3temp/menu/c6b236d16c.gif"; 
img8_c3a5_1_h=new Image(); img8_c3a5_1_h.src = "typo3temp/menu/181011d1a9.gif"; 
img7_c3a5_2_n=new Image(); img7_c3a5_2_n.src = "typo3temp/menu/59d8691b60.gif"; 
img7_c3a5_2_h=new Image(); img7_c3a5_2_h.src = "typo3temp/menu/f11cdff074.gif"; 
img6_c3a5_3_n=new Image(); img6_c3a5_3_n.src = "typo3temp/menu/1d434b3055.gif"; 
img6_c3a5_3_h=new Image(); img6_c3a5_3_h.src = "typo3temp/menu/e2e81e6d47.gif"; 
img5_c3a5_4_n=new Image(); img5_c3a5_4_n.src = "typo3temp/menu/14d8343d77.gif"; 
img5_c3a5_4_h=new Image(); img5_c3a5_4_h.src = "typo3temp/menu/e29952e550.gif"; 
img4_c3a5_5_n=new Image(); img4_c3a5_5_n.src = "typo3temp/menu/b547565d7a.gif"; 
img4_c3a5_5_h=new Image(); img4_c3a5_5_h.src = "typo3temp/menu/dd397d1b1e.gif"; 
img3_c3a5_6_n=new Image(); img3_c3a5_6_n.src = "typo3temp/menu/e0eff173bd.gif"; 
img3_c3a5_6_h=new Image(); img3_c3a5_6_h.src = "typo3temp/menu/f651326b69.gif";
}
// -->
	/*]]>*/
</script>

<script type="text/javascript">
	/*<![CDATA[*/
<!--
		// JS function for mouse-over
	function over(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_h.src");}
		else if (version == "n3" && document.getElementById(name)) {document.getElementById(name).src = eval(name+"_h.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_h.src");}
	}
		// JS function for mouse-out
	function out(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_n.src");}
		else if (version == "n3" && document.getElementById(name)) {document.getElementById(name).src = eval(name+"_n.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_n.src");}
	}

// -->
	/*]]>*/
</script>

</head>
<body bgcolor="#FFFFFF">

<head>
<title>ERZI-Flock Technik GmbH & Co KG</title>
</head>
<body>

<div id="top">
<table width="996" border="0" cellspacing="0" cellpadding="0" align="left" left="">

<tr>
 <td colspan="2" width="996"><img src="/fileadmin/template/bilder/erzi_banner.jpg" alt="" /></td>
</tr>

<tr>
 <td colspan="2" align="center" bgcolor="#ffffff" width="996"><img src="fileadmin/template/spacer.gif" height="34" width="1" alt="" /><a id="act9" onmouseover="ypSlideOutMenu.showMenu('menu9'); over('img9_c3a5_0');" onmouseout="ypSlideOutMenu.hideMenu('menu9'); out('img9_c3a5_0');" href="unternehmen.html" onfocus="blurLink(this);"><img src="typo3temp/menu/063ea6104f.gif" alt="Unternehmen" name="img9_c3a5_0" height="33" width="142" border="0" /></a><a id="act8" onmouseover="ypSlideOutMenu.showMenu('menu8'); over('img8_c3a5_1');" onmouseout="ypSlideOutMenu.hideMenu('menu8'); out('img8_c3a5_1');" href="techn_beflockung.html" onfocus="blurLink(this);"><img src="typo3temp/menu/c6b236d16c.gif" alt="techn. Beflockung" name="img8_c3a5_1" height="33" width="142" border="0" /></a><a id="act7" onmouseover="ypSlideOutMenu.showMenu('menu7'); over('img7_c3a5_2');" onmouseout="ypSlideOutMenu.hideMenu('menu7'); out('img7_c3a5_2');" href="spritzguss.html" onfocus="blurLink(this);"><img src="typo3temp/menu/59d8691b60.gif" alt="Spritzguss" name="img7_c3a5_2" height="33" width="142" border="0" /></a><a id="act6" onmouseover="ypSlideOutMenu.showMenu('menu6'); over('img6_c3a5_3');" onmouseout="ypSlideOutMenu.hideMenu('menu6'); out('img6_c3a5_3');" href="formenbau.html" onfocus="blurLink(this);"><img src="typo3temp/menu/1d434b3055.gif" alt="Formenbau" name="img6_c3a5_3" height="33" width="142" border="0" /></a><a id="act5" onmouseover="ypSlideOutMenu.showMenu('menu5'); over('img5_c3a5_4');" onmouseout="ypSlideOutMenu.hideMenu('menu5'); out('img5_c3a5_4');" href="maschinen.html" onfocus="blurLink(this);"><img src="typo3temp/menu/14d8343d77.gif" alt="Maschinen" name="img5_c3a5_4" height="33" width="142" border="0" /></a><a id="act4" onmouseover="ypSlideOutMenu.showMenu('menu4'); over('img4_c3a5_5');" onmouseout="ypSlideOutMenu.hideMenu('menu4'); out('img4_c3a5_5');" href="kontakt.html" onfocus="blurLink(this);"><img src="typo3temp/menu/b547565d7a.gif" alt="Kontakt" name="img4_c3a5_5" height="33" width="142" border="0" /></a><a id="act3" onmouseover="ypSlideOutMenu.showMenu('menu3'); over('img3_c3a5_6');" onmouseout="ypSlideOutMenu.hideMenu('menu3'); out('img3_c3a5_6');" href="know_how.html" onfocus="blurLink(this);"><img src="typo3temp/menu/e0eff173bd.gif" alt="Know-How" name="img3_c3a5_6" height="33" width="142" border="0" /></a></td>
</tr>

<tr>
 <td colspan="2" width="996"><img src="fileadmin/template/bilder/erzi_top.jpg" alt="" /></td>
</tr>

<tr>
 <td colspan="2">
  <table width="996" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
   <tr>
    <td rowspan="2" width="20"><img src="fileadmin/template/spacer.gif" height="136" width="20" alt="" /></td>
    <td rowspan="2" align="left" valign="top" width="460"><a name="1"></a><br /><h1>Unternehmen » Firmenprofil</h1><br /><img class="spacer-gif" title="" src="clear.gif" alt="" height="5" width="1" border="0" /><br />Hier finden Sie Informationen rund um ERZI-Flock-Technik
<br /><br /><img class="spacer-gif" title="" src="clear.gif" alt="" height="10" width="1" border="0" /><br /></td>
    <td rowspan="2" width="36"><img src="fileadmin/template/spacer.gif" height="136" width="36" alt="" /></td>
    <td width="460" height="30"></td>
    <td rowspan="2" width="20"><img src="fileadmin/template/spacer.gif" height="136" width="20" alt="" /></td>
   </tr>
   <tr>
    <td align="left" valign="top" width="460" height="106"></td>
   </tr>
  </table>
 </td>
</tr>

<tr>
 <td colspan="2"><img src="fileadmin/template/bilder/erzi_bottom.jpg" alt="" /></td>
</tr>

<tr>
 <td colspan="2" align="left" bgcolor="#7A7A7A" width="996" height="190"><img src="/fileadmin/template/bilder/firmenprofil.jpg" height="180" alt="" /></td>
</tr>

<tr bgcolor="#cccccc">
 <td><table border="0" cellspacing="0" cellpadding="0"><tr><td><img src="clear.gif" alt="" height="1" width="30" /></td><td><img src="t3lib/gfx/content_client.gif" alt="" height="10" width="7" align="middle" /><a href="index.php?id=1&L=0" target="_top"><img src="media/uploads/flag_de.gif" height="13" width="21" border="0" hspace="5" alt="" /></a><a href="index.php?id=1&L=1" target="_top"><img src="media/uploads/flag_uk.gif" height="13" width="21" border="0" hspace="5" alt="" /></a><a href="index.php?id=1&L=2" target="_top"><img src="media/uploads/flag_fr.gif" height="13" width="21" border="0" hspace="5" alt="" /></a></td></tr></table></td><td align="right"><table cellspacing="0" cellpadding="0"><tr><td><td> <a class="nol" href="unternehmen.html" onfocus="blurLink(this);">Unternehmen</a>    </td><td> <a class="nol" href="techn_beflockung.html" onfocus="blurLink(this);">techn. Beflockung</a>    </td><td> <a class="nol" href="spritzguss.html" onfocus="blurLink(this);">Spritzguss</a>    </td><td> <a class="nol" href="formenbau.html" onfocus="blurLink(this);">Formenbau</a>    </td><td> <a class="nol" href="maschinen.html" onfocus="blurLink(this);">Maschinen</a>    </td><td> <a class="nol" href="kontakt.html" onfocus="blurLink(this);">Kontakt</a>    </td><td> <a class="nol" href="know_how.html" onfocus="blurLink(this);">Know-How</a>    </td></td></tr></table></td>
</tr>

</table>
</div>

</body>
<div id="menu9Container" class="mmContainer"><div id="menu9Content" class="mmContent">
<div class="mmLevel1"><div class="mmlink"><a href="firmenprofil.html" onfocus="blurLink(this);">Firmenprofil</a></div>
<div class="mmlink"><a href="geschichtliches.html" onfocus="blurLink(this);">Geschichtliches</a></div>
<div class="mmlink"><a href="anfahrt.html" onfocus="blurLink(this);">Anfahrt</a></div>
</div>
</div></div>
<div id="menu8Container" class="mmContainer"><div id="menu8Content" class="mmContent">
<div class="mmLevel1"><div class="mmlink"><a href="kosmetikbeflockung.html" onfocus="blurLink(this);">Kosmetikbeflockung</a></div>
<div class="mmlink"><a href="putzwalzen.html" onfocus="blurLink(this);">Putzwalzen</a></div>
<div class="mmlink"><a href="spezialbeflockung.html" onfocus="blurLink(this);">Spezialbeflockung</a></div>
</div>
</div></div>
<div id="menu7Container" class="mmContainer"><div id="menu7Content" class="mmContent">
<div class="mmLevel1"><div class="mmlink"><a href="kosmetik.html" onfocus="blurLink(this);">Kosmetik</a></div>
<div class="mmlink"><a href="putzwalzen0.html" onfocus="blurLink(this);">Putzwalzen</a></div>
<div class="mmlink"><a href="technteile.html" onfocus="blurLink(this);">techn. Teile</a></div>
</div>
</div></div>
<div id="menu6Container" class="mmContainer"><div id="menu6Content" class="mmContent">
<div class="mmLevel1"><div class="mmlink"><a href="kosmetik0.html" onfocus="blurLink(this);">Kosmetik</a></div>
<div class="mmlink"><a href="allgformenbau.html" onfocus="blurLink(this);">Allg. Formenbau</a></div>
</div>
</div></div>
<div id="menu5Container" class="mmContainer"><div id="menu5Content" class="mmContent">
<div class="mmLevel1"><div class="mmlink"><a href="flockmaschinen.html" onfocus="blurLink(this);">Flockmaschinen</a></div>
<div class="mmlink"><a href="spritzgussmaschinen.html" onfocus="blurLink(this);">Spritzgussmaschinen</a></div>
<div class="mmlink"><a href="werkzeugmaschinen.html" onfocus="blurLink(this);">Werkzeugmaschinen</a></div>
<div class="mmlink"><a href="sondermaschinen.html" onfocus="blurLink(this);">Sondermaschinen</a></div>
</div>
</div></div>
<div id="menu4Container" class="mmContainer"><div id="menu4Content" class="mmContent">
<div class="mmLevel1"><div class="mmlink"><a href="anschrift.html" onfocus="blurLink(this);">Anschrift</a></div>
<div class="mmlink"><a href="kontaktformular.html" onfocus="blurLink(this);">Kontaktformular</a></div>
</div>
</div></div>
<div id="menu3Container" class="mmContainer"><div id="menu3Content" class="mmContent">
<div class="mmLevel1"><div class="mmlink"><a href="qualitaet.html" onfocus="blurLink(this);">Qualität</a></div>
<div class="mmlink"><a href="produktivitaet.html" onfocus="blurLink(this);">Produktivität</a></div>
<div class="mmlink"><a href="flexibilitaet.html" onfocus="blurLink(this);">Flexibilität</a></div>
<div class="mmlink"><a href="technologie.html" onfocus="blurLink(this);">Technologie</a></div>
</div>
</div></div>
<script type="text/javascript">
menu9 = new ypSlideOutMenu("menu9", "down", 2, 215, 141, 66, null)
menu8 = new ypSlideOutMenu("menu8", "down", 144, 215, 141, 66, null)
menu7 = new ypSlideOutMenu("menu7", "down", 286, 215, 141, 66, null)
menu6 = new ypSlideOutMenu("menu6", "down", 428, 215, 141, 44, null)
menu5 = new ypSlideOutMenu("menu5", "down", 570, 215, 141, 88, null)
menu4 = new ypSlideOutMenu("menu4", "down", 712, 215, 141, 44, null)
menu3 = new ypSlideOutMenu("menu3", "down", 854, 215, 141, 88, null)

ypSlideOutMenu.writeCSS();


menu9.onactivate = new Function("document.images['img9_c3a5_0'].src = img9_c3a5_0_h.src");
menu9.ondeactivate = new Function("document.images['img9_c3a5_0'].src = img9_c3a5_0_n.src");


menu8.onactivate = new Function("document.images['img8_c3a5_1'].src = img8_c3a5_1_h.src");
menu8.ondeactivate = new Function("document.images['img8_c3a5_1'].src = img8_c3a5_1_n.src");


menu7.onactivate = new Function("document.images['img7_c3a5_2'].src = img7_c3a5_2_h.src");
menu7.ondeactivate = new Function("document.images['img7_c3a5_2'].src = img7_c3a5_2_n.src");


menu6.onactivate = new Function("document.images['img6_c3a5_3'].src = img6_c3a5_3_h.src");
menu6.ondeactivate = new Function("document.images['img6_c3a5_3'].src = img6_c3a5_3_n.src");


menu5.onactivate = new Function("document.images['img5_c3a5_4'].src = img5_c3a5_4_h.src");
menu5.ondeactivate = new Function("document.images['img5_c3a5_4'].src = img5_c3a5_4_n.src");


menu4.onactivate = new Function("document.images['img4_c3a5_5'].src = img4_c3a5_5_h.src");
menu4.ondeactivate = new Function("document.images['img4_c3a5_5'].src = img4_c3a5_5_n.src");


menu3.onactivate = new Function("document.images['img3_c3a5_6'].src = img3_c3a5_6_h.src");
menu3.ondeactivate = new Function("document.images['img3_c3a5_6'].src = img3_c3a5_6_n.src");


</script>

</body>
</html>

Hat jemand Tips, was ich hier noch weiter anpassen könnte? Oder ist das bei solch einem Menu unumgänglich? #paralyzed#

ms70 ·

ich hab leider keinen Tip zu deinem Problem.
Aber mir ist auf deiner Seite was anderes aufgefallen:
Die Schrift im Menü sieht nicht gut aus.
Stell mal unter 'Installation'
[GFX][TTFdpi] = 96
ein.

ben ·

Das ist doch die Standardeinstellung, die bei mir auch bereits eingestellt ist 🙂
Aber ich muss dir Recht geben, die Schrift könnte noch etwas schärfer sein..
Wichtiger ist aber mein Problem mit dem Quellcode

ben ·

Liegt evtl daran, dass ich Typo3 nicht selbst installiere.
Ich habe einen Webhoster (itaw.de), der mir immer die gewünschte Typo3-Installation gleich mit draufmacht.
Somit könnte diese Konfiguration auch in seinem Install-Tool hinterlegt sein 😉

So und nun zurück zu meinem eigentlichen Problem :o

ben ·

Hm, in anderen Teilen des Forums habe ich mal gelesen, dass Google nur eine gewisse Anzahl an Zeichen abscannt. Betrifft dies den ganzen Teil, oder nur den Body?
Weil speziell im Head-Bereich des Quellcodes steht eben viel Zeug, das mir da nicht gefällt.
Der Hinweis auf Typo3 kann ja gerne drin bleiben, aber der ganze Rest..

Das alles sollte raus, zumindest falls Google beim abscannen den Head-Teil mit einbezieht..

        <style type="text/css">
                /*<![CDATA[*/
        <!--

        A:link {text-decoration: none}
        A:visited {text-decoration: none}
        A:active {text-decoration: none}
        A:hover {color: underline overline;}
        -->
                /*]]>*/
        </style>
                /*<![CDATA[*/
        <!--
                browserName = navigator.appName;
                browserVer = parseInt(navigator.appVersion);
                var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
                if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
                        // Blurring links:
                function blurLink(theObject)    {   //
                        if (msie4)      {theObject.blur();}
                }
                
        // -->
                /*]]>*/
        </script>
 
<script type="text/javascript">
        /*<![CDATA[*/
<!--
if (version == "n3") {
img9_c3a5_0_n=new Image(); img9_c3a5_0_n.src = "typo3temp/menu/063ea6104f.gif"; 
img9_c3a5_0_h=new Image(); img9_c3a5_0_h.src = "typo3temp/menu/0cde473070.gif"; 
img8_c3a5_1_n=new Image(); img8_c3a5_1_n.src = "typo3temp/menu/c6b236d16c.gif"; 
img8_c3a5_1_h=new Image(); img8_c3a5_1_h.src = "typo3temp/menu/181011d1a9.gif"; 
img7_c3a5_2_n=new Image(); img7_c3a5_2_n.src = "typo3temp/menu/59d8691b60.gif"; 
img7_c3a5_2_h=new Image(); img7_c3a5_2_h.src = "typo3temp/menu/f11cdff074.gif"; 
img6_c3a5_3_n=new Image(); img6_c3a5_3_n.src = "typo3temp/menu/1d434b3055.gif"; 
img6_c3a5_3_h=new Image(); img6_c3a5_3_h.src = "typo3temp/menu/e2e81e6d47.gif"; 
img5_c3a5_4_n=new Image(); img5_c3a5_4_n.src = "typo3temp/menu/14d8343d77.gif"; 
img5_c3a5_4_h=new Image(); img5_c3a5_4_h.src = "typo3temp/menu/e29952e550.gif"; 
img4_c3a5_5_n=new Image(); img4_c3a5_5_n.src = "typo3temp/menu/b547565d7a.gif"; 
img4_c3a5_5_h=new Image(); img4_c3a5_5_h.src = "typo3temp/menu/dd397d1b1e.gif"; 
img3_c3a5_6_n=new Image(); img3_c3a5_6_n.src = "typo3temp/menu/e0eff173bd.gif"; 
img3_c3a5_6_h=new Image(); img3_c3a5_6_h.src = "typo3temp/menu/f651326b69.gif";
}
// -->
        /*]]>*/
</script>
 
<script type="text/javascript">
        /*<![CDATA[*/
<!--
                // JS function for mouse-over
        function over(name,imgObj)      {     //
                if (version == "n3" && document[name]) {document[name].src = eval(name+"_h.src");}
                else if (version == "n3" && document.getElementById(name)) {document.getElementById(name).src = eval(name+"_h.src");}
                else if (imgObj)        {imgObj.src = eval(name+"_h.src");}
        }
                // JS function for mouse-out
        function out(name,imgObj)       {      //
                if (version == "n3" && document[name]) {document[name].src = eval(name+"_n.src");}
                else if (version == "n3" && document.getElementById(name)) {document.getElementById(name).src = eval(name+"_n.src");}
                else if (imgObj)        {imgObj.src = eval(name+"_n.src");}
        }

// -->
        /*]]>*/
</script>
ben ·

Danke, werde es am Wochenende mal testen.
Morgen gehts erstmal nach München auf die Systems 😉
Hast du die Extension selbst schon im Einsatz?

Grüße,
Ben

ben ·

Ok, vielen Dank..
Werde die Extension dann am Wochenende mal testen und schauen was ich damit so alles anstellen kann 😉