Suchmaschinenoptimierte tabellenlose CSS Layouts
Nach dem CSS-Float Crash-Kurs, der eine kurze Einführung im Umgang mit der Float-Technik darstellt, folgt nun darauf aufbauend ein CSS Kurs für suchmaschinenoptimierte tabellenlose CSS-Layouts:
- Zweispaltiges tabellenloses Layout mit CSS
- Zweispaltiges tabellenloses Layout mit CSS – Inhalt im Quelltext vor Navigation
- Dreispaltiges tabellenloses Layout mit CSS – im Quelltext zuerst Inhalt, dann Navigation und zuletzt Sidebar
- Dreispaltiges CSS-Layout mit gleich langen Spalten
- CSS-Layout mit Fußzeile immer am unteren Fensterrand
- Vertikale Zentrierung mit CSS ohne Tabellen
Viel Spaß beim HTML- und CSS-coden…
Spiegelreflex Sensor reinigen bzw. Tiefpassfilter reinigen – Erfahrungsbericht
Spiegelreflexkameras haben gegenüber Kompaktkameras einen großen Vorteil: das Objektiv kann gewechselt werden. Leider ergibt sich daraus auch ein Nachteil. Beim Wechsel des Objektivs können Staubpartikel auf den Tiefpassfilter der vor dem Sensor sitzt gelangen.
Diese feinsten Staubpartikel, die mit bloßem Auge meist nicht sichtbar sind, bewirken graue, störende Punkte im Bild. Diese unschönen „Sommersprossen“ sieht man vor allem auf gleichmäßigen Flächen z.b. am Himmel. Sie sind je nach Verschmutzung nur bei kleinen Blenden sichtbar. Bei meiner Spiegelreflex waren die Punkte bereits ab Blende 11 schwach und unscharf und bei Blende 29 stark und scharf sichtbar. Klar, wenn mal solche Sachen: Egetmannumzug Tramin fotografiert, musste das ja kommen!
Was tun? Wie kann der Sensor der Spiegelreflex Kamera gereinigt werden?
Nikon macht im Handbuch darauf aufmerksam, dass der Sensor nur mit einem Blasbalg „abgepustet“ werden darf! Andere Reinigungs-Methoden lassen die Garantie erlöschen! Mit blasen habe ich es schon probiert. Erfolg: sehr mäßig!
Marktanalyse und Keyword-Suche mit Google Insights
Habe wieder einmal an einem Google Online Seminar teilgenommen und bin dabei auf ein recht interessantes Google Such-Tool gestoßen, dass ich dir hier nicht vorenthalten will.
Damit kann der ambitioniert Suchmaschinenoptimierer nach Suchwörter und Keywords fanden, nach welchen in seinem Werbe-Zielgebiet verstärkt oder auch wenig gesucht wird. Es ist aber auch für den Internet-Uninteressierten interessant! Der Werbetreibende kann damit heraus finden, wo in seinem Umkreis verstärkt nach Produkten und Angeboten die er bieten kann, gesucht wird um eventuell dort verstärkt Printwerbung (muss ja nicht immer Internetwerbung sein) zu betreiben! Werbung dort anbringen, wo auch die Nachfrage nach den eigenen Angeboten besteht, ist sicherlich besser als dort wo keine Nachfrage besteht!
Leider wird man ab und zu mit: “Not enough search volume to show graphs.” beglückt. Taja, Südtirol bzw. Bozen ist eben ein kleines Gebiet und zudem teilt sich das Suchvolumen in Deutsch und Italienisch auf. Da bleibt scheinbar nicht genug Traffic für eine sinnvole Auswertung übrig.
Trotzdem wer schon immer mal wissen wollte ob man z.B. in Österreich eher nach Webseiten oder Websites sucht oder ob der Begriff Bolzano öfters in der Provinz Bozen oder in der Provinz Trient gesucht wird, der kann Google Insights for Search nutzen.
Viel Spaß bei der Marktanalyse!
Google Analytics: Zielconversions – absolute Zahlen
Da ich mich schön länger gefragt habe ob es in Google Analytics nicht mölich wäre die Ziel-Conversions pro Zugriffsquelle in absoluten Zahlen aufzulisten habe ich nun folgende Email an Google geschrieben:
Ich nutze Analytics und habe darin Ziele definiert, welche ich im Abschnitt Ziele auch schön übersichtlich ansehen kann. Nun interessieren mich aber vor allem die Ziele in Bezug auf verweisende Websites, darum schaue ich mir die Ziele wie folgt an: Zugriffsquellen > verweisende Websites > Register Ziel-Conversions. Dort werden die Ziele pro verweisende Website auch schön aufgelistet, aber leider nur mit Prozentangaben bzgl. der Zugriffe. Ich hätte gerne absolute Zahlen, sodass ich diese nicht mittels Zugriffe und Ziel-Conversion-Rate ausrechnen muss. Ist das irgendwie möglich?
Die Antwort kam vom Google Support Team nach circa 2 Tagen (das Wochenende war dazwischen):
Kostenloses Open Source Flash Karussell mit XML-Konfiguration
Verfasst von Webmaster unter Programmierung am Februar 9, 2009
Auf der Suche nach einem Flash Karussell bin ich auf die Seite gotoandlearn von Lee Brimelow gestoßen. Lee hat ein tolles Lernvideo erstellt, welches demonstriert wie du dir selbst eine tolle Flash Präsentation deiner Produkte in Form eines Karussells programmieren kannst. Lee erklärt in seinem Post, dass das Ergebnis von jedem genutzt werden darf auch für kommerzielle Zwecke. Ja es darf sogar behauptet werden, das Karussell selbst gemacht zu haben. Aber Achtung, wenn du das Flash-Tool weiterverkaufst und somit den Open Source Gedanken untergräbst, dann riskierst du dass er dir deine Arme bricht *g* Ich muss aber dazu sagen, dass ich des Englischen nicht sonderlich mächtig bin. Könnte auch sein, dass ich da was falsch verstanden habe. Also bitte selbst lesen!
Ich jedenfalls erlaube mir hier das nützliche Open Source Flash Karussell etwas zu erweitern, sodass weitere Einstellungen über die XML-Datei machbar sind. Damit sollte es für Webmaster, die nicht über das relativ teure Adobe Flash Professional verfügen, trotzdem möglich sein, das kostenlose Tool für ihre Zwecke zu nutzen.
Programm-Quellcode (Quelltext) mit WordPress anzeigen
Verfasst von Webmaster unter Programmierung am Februar 8, 2009
Nun ist es endlich vorbei! Was vorbei? Der Ärger mit WordPress-Post in denen Quellcode eingefügt werden soll. Ist ja nicht so schwierig wirst du jetzt sagen. Dafür gibt es unzählige Plugins von disable-wpautop, wp-unformatted, quickcode usw. Leider hat kein Plugin seinen Dienst so wie von mir gewünscht erfüllt.
Ich schalte beim Schreiben von Posts nämlich recht oft zwischen der HTML und der WYSIWYG-Ansicht (Tinymce) also zwischen der Quelltext-Ansicht und der visuellen Ansicht hin und her. Dabei schluckt der Tinymce-Editor ständig das eine oder andere TAG-Attribut! Lästig, sehr lästig, wenn man bei Posts mit Code ständig auspassen muss immer in der HTML Quelltext Ansicht zu bleiben.
Bilder und Fotos auf exakte Größe zuschneiden
Verfasst von Webmaster unter Bildbearbeitung am November 11, 2008
Wohl jeder Webmaster und Onlineredakteur kennt das Problem: ein Foto muss auf eine exakte Pixelgröße zugeschnitten werden.
Selbstverständlich gibt es dafür in jedem Bildbearbeitungsprogramm eine mehr oder minder komplexe Methode um diesen Vorgang zu erledigen. Da das Zuschneiden eines Bildes eine elementare Aufgabe im Workflow eines Online-Redakteur darstellt und meist sehr oft gemacht werden muss, hier einige Möglichkeiten mit verschiedenen Bildbearbeitungsprogrammen von Photoshop über die Freewareprogramme Gimp, Paint.net und IrfanView bis hin zu einem Onlinedienst.
Vergleich Bilder zuschneiden und fürs Web aufbereiten
Ich liste hier die Arbeitsschritte vom Öffnen eines Bildes, über das Zuschneiden auf eine exakte Pixelgröße bis hin zum Schärfen und fürs Web abspeichern auf. Es gilt den Marktführer Photoshop in Sachen Anzahl Arbeitsschritte und komfortable Arbeitsweise zu schlagen.
Eine freie Weltkarte: das OpenStreetMap Projekt – Karten für die eigene Website
Ein Anfahrtsskizze oder ein Lageplan für die eigene Website kein Problem. Google Maps geöffnet, schnell einen Screenshot mit ALT + DRUCK-Taste erstellt, in Photoshop eingefügt, zurecht geschnipselt, abgespeichert und fertig ist die digitale Karte für die eigen Website.
Ja so einfach kann es gehen – aber leider gibt es dabei einen Haken! Einen ziemlichen großen Haken sogar!
Wer so vorgeht könnte sich recht schnell mit einem Rechtsstreit, den er nicht gewinnen kann, konfrontiert sehen. Kartenmaterial aus Google Maps einfach mal so “stehlen” ist nämlich nicht erlaubt. Google Maps Karten dürfen nur im Rahmen der von Google erlaubten Nutzung, also nur über die Google Maps API, verwendet werden!
Die freie Alternative: das Open Street Map Projekt
(Screenshot von www.openstreetmap.de – die freie Weltkarte: Kalterer See und Tramin)
Das Open-Street-Map Projekt hat sich zum Ziel gestellt eine freie Weltkarte zu erschaffen, welche unter der sogenannten “Creative Commons Attribution-Share Alike 2.0″-Lizenz (auf Deutsch: “Namensnennung unter gleichen Bedingungen“) steht. Das heißt du darfst die Karten nutzen, auch gewerblich, solange du angibst von wo die Karte herkommt bzw. die Daten stammen und solange du von der Karte abgeleitete eigene Kreationen bzw. Projekte wieder unter die “Creative Commons Attribution-Share Alike 2.0″ Lizenz stellst.
Ein sehr faires Angebot wie ich finde. Darum mach mit! Registriere dich bei www.openstreetmap.org und hilf die freie Weltkarte zu vervollständigen und zu verfeinern. Das deutsche Karten-Portal findest du unter www.openstreetmap.de.
Wie gut sind die Daten von Open Street Map?
Hilfe hat das Projekt im Raum Südtirol noch ziemlich notwendig. Die Kartendetails sind hierzulande noch etwas dürftig. Aber Zukunft hat das freie Karten- bzw. Geoinformationen-Projekt sicherlich. Mal schauen, wenn ich mal etwas Zeit finde, dann werde ich sicherlich die eine oder andere Geo-Information beisteuern!
In der Zwischenzeit hier der Aufruf: weitersagen und mitmachen!
Google Maps Lageplan in eigene Website integrieren
Da ich nun schon des Öfteren gefragt wurde wie eine Google Maps Karte in die eigen Website integriert werden kann, hier eine kurze Anleitung:
Marketingtipps aus SMG Info – das Informationsblatt der Südtiroler Marketinggesellschaft
Gestern habe ich wie immer das Info-Blatt „SMG Info” gelesen. Wie immer gab es auch diesmal ein zwei interessante Zahlen rund um das Konsumverhalten der Südtiroler Gäste. Ich lese das Blatt eigentlich recht gerne, da mich eben diese Zahlen interessieren und weil ich gerne mal was zum Thema Marketing lese, das ich bereits weiß, der Wiederholung halber, damit man es nicht vergisst. Der Zahn der Zeit nagt auch an meinen Gedächtniszellen.
Nun gestern war ich ganz besonders überrascht! Unter der Rubrik “SMG forscht” gibt es einen Artikel zum Thema: „Starke Marken sind auch im Kopf”, ein Beitrag rund um das Neuromarketing und anschließend ein Interview mit Dr. Martin Scarabis (Spezialist für implizite Konsumentenforschung) zum Thema „Das Gehirn braucht Zeit, um Dinge tief zu verankern”.
Das gesamte Thema interessierte mich nicht nur, es kam mir auch sehr bekannt vor. Scheinbar hatte mein Gehirn bereits begonnen Assoziationen mit Gespeicherten herzustellen. Ich hatte nämlich vor einigen Tagen mit der besten Freundin von allen ein ähnliches Thema diskutiert. Sie hatte nämlich zum Schulanfang einen Vortrag besucht, der für alle Lehrer in Bozen abgehalten wurde: ein Professor der Medizin, ein Spezialist über Hirnfoschung hatte über die Hirnfoschung und das Lernen referiert.
Und nun da ich den Artikel der SMG las, konnte ich direkt bei mir feststellen, wie sich mehrere der Tipps die neben dem Artikel unter der Unterschrift „Wie Entscheidungen beeinflusst werden” bestätigten. Zum Beispiel der Tipp: das Gehirn liebt Wiederholungen, Vereinfachung und Bestätigungen.
Damit nun auch du deine potentiellen Gäste nicht mit “falschen” Marketingstrategien brüskierst und damit deine Gäste beim Betrachten deiner Werbeaktionen nicht so dreinschauen müssen wir hier der Laurin, will ich dir die Tipps nicht vorenthalten.
SEO in Südtirol – nofollow, dofollow was den nun?
Verfasst von Webmaster unter Suchmaschinenoptimierung am Mai 17, 2008
Nach dem Artikel: Suchmaschinenoptimierung und dem Artikel Tipps Tipps Suchmaschinenoptimierung nun wieder etwas über das Thema SEO.
Über das von Google erfunden nofollow Attribut kann man vieles lesen. Leider führt das nicht immer zum besseren Verständnis, sondern recht oft zur völligen Konfusion. Liest man in der Wikipedia über nofollow, dann scheint der Sachverhalt recht klar zu sein:
Mit dem Attribut rel=”nofollow” kann man ausgehende Links als SPAM markieren. Dadurch werten Suchmaschinen diese ausgehenden Links nicht mit aus, wenn es um die Berechnung der Position der verlinkten Seite in den Suchmaschinenergebnisseiten (SERPs) geht. Also ein mit nofollow gekennzeichneter Link vermittelt zwar Besucher (Traffic) aber stärkt die verlinkte Seite nicht bzgl. Position in den Suchmaschinenergebnisseiten (SERPs).
Vorlage für 3D Box (Produktbox, Verpackung, Schachtel) – Photoshop Tutorial
Verfasst von Webmaster unter Bildbearbeitung am Mai 14, 2008
Verwende eine tolle 3D Box um Dienstleistungen oder Software dreidimensional zu präsentieren. Da Dienstleistungen und Software im Gegensatz zu realen Produkten nicht greifbar und somit auch schwierig darstellbar sind, bietet sich eine virtuelle Produktverpackung für die Veranschaulichung: “hier gibt es was, das kann man erwerben oder kaufen” idealerweise an.
Hiermit stelle ich eine fertige Photoshop-Vorlage (Template) zur Verfügung, die sowohl für private als auch für kommerzielle Zwecke kostenlos verwendet werden dar. Über einen Backlink würde ich mich sehr freuen, ist aber nicht Pflicht!
Photoshop Vorlage (Template) 3D Box
- Einfach die Datei: 3D Box Template 1200 x 1600 Pixel oder die Datei 3D Box Template 260 x 350 Pixel oder die Datei 3D Box Template mit Spiegelung und Schattenwurf hier downloaden, dekomprimieren und mit Photoshop ab Version CS2 öffnen.
- Die Ebene Front doppelklicken um das Design der Front zu ändern. Das geöffnete Fenster schließen und speichern.
- Die Ebene Seite doppelklicken um das Design der Seite zu ändern. Das geöffnete Fenster schließen und speichern.
- Fertig ist deine individuelle Schachtel für dein Produkt, deine Dienstleistung oder deine Software.
Tutorial Photoshop Vorlage (Template) 3D Box erstellen
Wer lieber die Vorlage selbst macht, weil er die 3D Box etwas anders gestalten möchte, für den habe ich unter Tutorial Photoshop 3D Box eine Anleitung geschrieben wie das geht.
Viel Spaß mit deinem neuen 3D Box Template.
Eselsohr (PagePeel) – Werbebanner der dezenten Art
Heute habe ich ein wirklich total tolles Script gefunden. Christian Harz von der Webpicasso Media hat ein Eselsohr programmiert und stellt das Script zur kostenlosen Verfügung. Das Eselohr gibt es als WordPress Plugin, als Joomla Modul, als Type3 Extension oder als ganz “normales” Script zum Einbau in einer Standard-Website.
(Exkurs: Der lustige Esel hier hat zwar nicht viel mit dem Eselsohr (Pagepeel) zu tun, aber ich konnte es mir einfach nicht verkneifen ihn als Amazon Einzeltitellink einzubinden. Ich finde nicht nur das Bild des Esels passend sondern auch den Titel: Esel treue Gefährten. Das Eselsohr wird nun auch für meine Website ein treuer Gefährte werden 
)
Eselsohr Script was ist das?
Einfach in diesem Blog in die rechte obere Ecke schauen, am besten drauf klicken oder bei Wikipedia unter Pagepeel nachschlagen.
Hallo Webworker
Du suchst Tipps und Tricks rund um die Erstellung von Websites bzw. Homepages oder einfach nur Nützliches rund ums Thema Internet? Dann bist du hier genau richtig.
Über mich:
Ich beschäftige mich professionell mit der Erstellung von einfachen Websites bis hin zu umfangreichen Internetportalen. Hobbys? Vor allem wandern in Südtirol...
Letzte Kommentare