• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Google suche optimieren

S

scrumber

Neues Mitglied
hi, ich bin neu hier im forum und hoffe, dass es solch einen beitrag nicht schon gibt ;ugl
Also. ich habe folgendes problem:
ich hab auf meinen ftp eine kleine html site geladen (hcigp.tk)
Bisher ist ja auch noch alles schön und gut. aber nun würde ich gern eine site machen, auf der die suche auf cheats optimiert ist. dh. ich geb da gta san andreas ein und es kommen suchergebnisse, die nur gta san andreas cheats beinhalten.
falls es euch hilft. hier der html-code, den ich für Hcigp benutzt hab:


HTML: 
<html>
<head>
<title> hcigp.tk</title>
<body BGcolor="blue">
</head>
<body>
<form method="get" action="http://www.google.com/search">

<div style="border:1px solid black;padding:4px;width:18em;">
<table border="0" cellpadding="0">
<tr><td>
<input type="text"   name="q" size="25"
 maxlength="255" value="" />
<input type="submit" value="Suchen!" /></td></tr>
<tr><td align="center" style="font-size:75%">
</td></tr></table>
</div>

</form>
</body>
</html>
Vielen Dank schonmal im Vorraus :mrgreen:​
 
Zuletzt bearbeitet:
Um deine fragen. bzw aufforderungen zu beantworten

YpsilonZet schrieb:
1.) Wie verwende ich Code-Tags im Forum?
2.) Wo ist das Fragezeichen, was die eig. Frage kennzeichnet?
3.) Was sollen wir mit einem html code ohne Doctype und mit styleangaben anfangen?
Zum Vergrößern anklicken....

1.s.o.
2.du kannst doch wohl lesen. auch dann, wenn dort kein fragezeichen ist.
3.woher soll ich das wissen? ich beschäftige mich seit zwei tagen mit html!

einen wunderschönen tag noch!
 
Das kannst du nicht allein mit HTML lösen. Dafür brauchst du noch JavaScript.
Als erstes würde ich dir raten, keine Tabelle zu benutzen, dafür gibt es Divs.
Dann musst du beim abschicken eine Java-Script Funktion aktivieren, welche dir den Inhalt in eine Variable speichert. Diese Variable verbindest du mit einem Link für die Google-Suche und lässt diesen dann in einem neuen Fenster öffnen.
Damit das ganze noch besser und professioneller aussieht kannst du noch ein "select" einbauen.

Da ich gerade nichts zu tun habe mach ich dir den Code:

index.html:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Cheat-Suche</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="application/x-javascript" src="main.js"></script>
		<style type="text/css" media="screen">
			@import 'main.css';
		</style>
	</head>
	<body>
		<div class="content">
			<div class="suche">
				<input type="text" name="spiel" id="spiel" placeholder="Spielname">
				<select name="art" id="art">
					<option>Cheat</option>
					<option>Info</option>
					<option>Tipps</option>
				</select>
				<button onclick="suche()">Suchen</button>
			</div>
		</div>
	</body>
</html>

main.css:
HTML: 
.content{
	margin: 0px;
	padding:20px;
}

.suche{
	
}
main.js:
HTML: 
function suche(){
		InputText = document.getElementById('spiel').value;
		SelectText = document.getElementById('art').value;
		window.open( 'http://www.google.de/search?q='+InputText+'+'+SelectText);
		}

Die 3 Dateien lädst du auf deinen Server und probierst es mal aus ;-)
 
yss schrieb:
Das kannst du nicht allein mit HTML lösen. Dafür brauchst du noch JavaScript.
Als erstes würde ich dir raten, keine Tabelle zu benutzen, dafür gibt es Divs.
Dann musst du beim abschicken eine Java-Script Funktion aktivieren, welche dir den Inhalt in eine Variable speichert. Diese Variable verbindest du mit einem Link für die Google-Suche und lässt diesen dann in einem neuen Fenster öffnen.
Damit das ganze noch besser und professioneller aussieht kannst du noch ein "select" einbauen.

Da ich gerade nichts zu tun habe mach ich dir den Code:

index.html:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Cheat-Suche</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="application/x-javascript" src="main.js"></script>
        <style type="text/css" media="screen">
            @import 'main.css';
        </style>
    </head>
    <body>
        <div class="content">
            <div class="suche">
                <input type="text" name="spiel" id="spiel" placeholder="Spielname">
                <select name="art" id="art">
                    <option>Cheat</option>
                    <option>Info</option>
                    <option>Tipps</option>
                </select>
                <button onclick="suche()">Suchen</button>
            </div>
        </div>
    </body>
</html>
main.css:
HTML: 
.content{
    margin: 0px;
    padding:20px;
}

.suche{
    
}
main.js:
HTML: 
function suche(){
        InputText = document.getElementById('spiel').value;
        SelectText = document.getElementById('art').value;
        window.open( 'http://www.google.de/search?q='+InputText+'+'+SelectText);
        }

Die 3 Dateien lädst du auf deinen Server und probierst es mal aus ;-)
Zum Vergrößern anklicken....


Vielen, vielen Dank! es klappt!
Darf ich deinen Namen mit in die Website beziehen??

edit: könntest du evtl. den code posten, ohne dass sich ein neuer tab öffnet?
wie gesagt: ich beschäftige mich seit drei tagen mit html.. =(
wenn ich wüsste wie, würde ich es selber machen.
 
Zuletzt bearbeitet:
Klar kannst du meinen Namen da nennen. Einfach 'Yss' :-)

Wenn kein neues Fenster geöffnet werden soll musst du nur etwas in der 'main.js'-Datei verändern. Ersetzte den alten Text mit folgendem:
HTML: 
function suche(){
		InputText = document.getElementById('spiel').value;
		SelectText = document.getElementById('art').value;
		location.href = 'http://www.google.de/search?q='+InputText+'+'+SelectText;
		}
 
yss schrieb:
Klar kannst du meinen Namen da nennen. Einfach 'Yss' :-)

Wenn kein neues Fenster geöffnet werden soll musst du nur etwas in der 'main.js'-Datei verändern. Ersetzte den alten Text mit folgendem:
HTML: 
function suche(){
        InputText = document.getElementById('spiel').value;
        SelectText = document.getElementById('art').value;
        location.href = 'http://www.google.de/search?q='+InputText+'+'+SelectText;
        }
Zum Vergrößern anklicken....

cool. danke.
nur noch eine frage zur google benutzeroptimierten suche:
wie verändere ich das google logo an der seite zu einem anderem logo?
 
yss schrieb:
Welches Logo meinst du, ich kann es mir gerade nicht bildlich vorstellen :) ?
Zum Vergrößern anklicken....


Wenn du bei google was suchst und die suchergebnisse angezeigt werden, dann ist da oben links doch dieses google logo. wenn du jezz aber beispielsweise bei schwuugle.de etwas suchste, steht da anstatt google schwuugle.:razz:
 
yss schrieb:
Als erstes würde ich dir raten, keine Tabelle zu benutzen, dafür gibt es Divs.
Zum Vergrößern anklicken....
Quatsch!

In HTML hat jedes Tag eine eigene, semantische Bedeutung. <table> steht für tabellarische Daten, <div> steht für eine logische Gruppe mehrerer Elemente.

Es ist richtig, dass man Tabellen nicht für Layoutzwecke verwendet, man verwendet aber grundsätzlich HTML nicht für Layoutzwecke, d.h. es ist falsch, mit <table> Layout zu machen, genauso wie es falsch ist, mit <div> Layout zu machen oder mit <p> oder <ul>.

Layout macht man mit CSS - und gar nicht mit HTML. HTML ist nicht an der Darstellung einer Seite beteiligt, das ist Aufgabe von CSS.
 
Willst du den mit der Suche Geld verdienen, denn das sieht mir so aus als würde Schwuugle bei Google Adsense angemeldet sein und auf die Seite eine Benutzerdefinierte Suche schalten. D.h. wenn jemand auf einen Link klickt bekommt Schwuugle Geld?
Oder willst du einfach nur, dass der User nur die ganz normalen Ergebnisse sieht?

Was bringt eigentlich deine Suche?
 
Efchen schrieb:
Quatsch!

In HTML hat jedes Tag eine eigene, semantische Bedeutung. <table> steht für tabellarische Daten, <div> steht für eine logische Gruppe mehrerer Elemente.

Es ist richtig, dass man Tabellen nicht für Layoutzwecke verwendet, man verwendet aber grundsätzlich HTML nicht für Layoutzwecke, d.h. es ist falsch, mit <table> Layout zu machen, genauso wie es falsch ist, mit <div> Layout zu machen oder mit <p> oder <ul>.

Layout macht man mit CSS - und gar nicht mit HTML. HTML ist nicht an der Darstellung einer Seite beteiligt, das ist Aufgabe von CSS.
Zum Vergrößern anklicken....

Es ist aber einfacher mit Divs und Spans zu arbeiten ;-)
Keine moderne Webseite besteht noch aus Tabellen, oder?
 
yss schrieb:
Es ist aber einfacher mit Divs und Spans zu arbeiten ;-)
Keine moderne Webseite besteht noch aus Tabellen, oder?
Zum Vergrößern anklicken....

Anscheinend hast du dir den Beitrag nicht richtig durchgelesen ;)
Er sagte nicht man soll mit Tabellen ein Layout machen. Und auch nicht mit Divs (zumindest nicht nur). Man soll mit HTML seinen Inhalt korrekt auszeichnen. Sind es tabellarische Daten. Dann nehm einen table. Ist es ein Text-Absatz. Nehm dir nen p. Ist eine eine ungeordnete Liste (z.B. Navigation), dann verwende ul und li.
Willst du deine Website einteilen in Bereiche. benutze div.
Dann am Ende setzt man sich dran und designed das Ganze.
Und das es einfacher mit Divs und Spans ist bezweifle ich. Ich kann genauso ner Liste eine Id oder einer Klasse zuweisen und diese dann mit CSS stylen, wie ich es auch mit dem Div machen kann
 
yss schrieb:
Es ist aber einfacher mit Divs und Spans zu arbeiten ;-)
Keine moderne Webseite besteht noch aus Tabellen, oder?
Zum Vergrößern anklicken....
Quatsch!

Man arbeitet mit HTML - keines der Tags hat dabei irgendeine besondere Bedeutung. Alle haben ihre Daseinsberechtigung, sowohl <table> als auch <div>. Aber eben nur für ihre eigene Bedeutung!
Ich habe das Gefühl, dass Du den eigentlichen Sinn von HTML noch gar nicht verstanden hast (wie leider so viele). Mach Dich also mal schlau nach "Semantik".
 
yss schrieb:
Willst du den mit der Suche Geld verdienen, denn das sieht mir so aus als würde Schwuugle bei Google Adsense angemeldet sein und auf die Seite eine Benutzerdefinierte Suche schalten. D.h. wenn jemand auf einen Link klickt bekommt Schwuugle Geld?
Oder willst du einfach nur, dass der User nur die ganz normalen Ergebnisse sieht?

Was bringt eigentlich deine Suche?
Zum Vergrößern anklicken....


Ist alles schon OK!
Habs selber hinbekommen :razz:
Falls du das Ergebnis sehen willst:

http://www.cheatmygame.tk/
 
Naja, wenn man nun aber die Suche bestätigt wird ja immer noch Google oben angezeigt, ich dachte du wolltest das weg haben, oder?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben