Kategorie: Web Frontend

Web Frontend

Kategorien
SEO Webdeveloper Tools

kein Schaden mehr durch schlechte Backlinks – Google Tools

Google hat ein Tool auf den Markt gebracht, mit dem man böswillig gesetzte oder schlechte Links aus der Ranking Berechnung entfernen kann: das „disavow links“-Tool. Zu finden ist das Tool in den Webmaster Tools. Google gibt auf dem hauseigenen Blog einen Einblick in die Funktionsweise des Tools: Google Blog Artikel disavow links tools.

Nötig wurde dieses Tool, weil einige SEO Spezialisten auf die Idee gekommen sind, die Konkurrenz abzuwerten, indem man so genannten „Russenlinks“ kaufte.

Diese böse SEO-Methode (Black-Hat SEO) funktioniert so, dass man von einer schlecht gerangten Seite (am besten Gewalt, Sechs usw) einen Link auf die Konkurrenz setzt. Dieser Link veranlasst den Page Rank Algorithmus von Google die Konkurrenzseiten abzuwerten und die eigne Seite hochzustufen.

Kategorien
HTML5 SEO

Flash vs HTML5 Trendanalyse

Es gibt unzählige Diskussionen über die Vorteile von HTML5 und dem Ende von Adobe Flash, aber der Hauptindikator ist immer noch, wieviele Leute sich mit dem jeweiligen Thema beschäftigen und z.B. Artikel schrieben oder Programme entwickeln.

Mit Hilfe von Google Trends lässt sich ein interessanter Überblick über das Interesse an den beiden Thema gewinnen, der klar zugunsten von HTML5 ausgeht.

HTML5 Trend

<script type="text/javascript" src="//www.google.com/trends/embed.js?hl=de&q=html5&cmpt=q&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=350"></script>

 Flash Trend

<script type="text/javascript" src="//www.google.com/trends/embed.js?hl=de&q=flash&cmpt=q&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=350"></script>

Mein persönliche Meinung ist, dass Flash ein sehr fortschrittliches Werkzeug für die Erstellung von Webanwendungen und Animationen war, es aber durch verschiedenste Nachteile ins hintertreffen gekommen ist, weil zu wenig Innovationen in den letzten Jahren hinzugekommen sind:

Nachteile von Flash

  • SEO sehr aufwendig, von hause aus nicht von Google lesbar
  • feste Webseitenbreite
  • viele Sicherheitslücken
  • es ist nur ein Plugin und muss installiert  werden
  • Performance Probleme

Was nicht heißen soll, dass Flash nicht viele Sachen noch besser beherrscht als HTML5, aber auch aufgrund der Trendanlyse lohnt es sich nicht mehr auf Flash zu setzen, bei Neutentwicklungen.

Das Apple Flash nicht unterstützt auf iPad und iPhone ist natürlich auch ein nicht zu unterschätzender Nachteil.

Kategorien
Java SEO

PageRank Algorithmus in Java

Der PageRank Algorithmus, auf dem auch der Google Algorithmus basiert, kann relativ einfach programmiert werden. Dazu muss als erstes ein Crawler(z.B. crawler4j) Seiten (URLs) nach Links durchsuchen und danach kann über die Verlinkungen der Seiten untereinander der PageRank ausgerechnet werden.

PageRank Beispiel

Beim PageRank erhalten Seiten mit vielen starken Backlinks einen höheren Wert, als Seiten ohne Backlinks oder die nur von Seiten mit schlechten PageRank verlinkt sind.

Weiterlesen „PageRank Algorithmus in Java“
Kategorien
Diverses SEO

Blog Artikel auch in China in chiniesisch

Seit neustem habe ich eine Übersetzungsfunktion eingebaut in meinen Blog für verschiedene Sprachen, u.a. auch für chinesisch und siehe da, meine Webseite wird auch auf baidu.com, dem chinesischen Google gerankt in der Landessprache: Baidu xdebug auf den Artikel Xdebug (in Sprache chinesisch).

 

SEO Baidu in China
Kategorien
WebGL

Three.js Tween Übersicht Animationen Möglichkeiten

Hier gibt es eine sehr gut Abbildung der möglichen Animation (Tweens) in Three.js:

http://www.grasshopper3d.com/profiles/blogs/port-of-robert-penner-s-easing-equations?xg_source=activity (siehe sehr gute Abbildung in den Kommentaren)

Zum Einbinden ist das sehr hilfreich: Tutorial Tween three.js

 

Ein kleines Beispiel für einen Tween:

new TWEEN.Tween( cube.rotation )
        .to( { y: (cube.rotation.y + Math.PI/2)}, 1500 )
        .easing( TWEEN.Easing.Back.EaseInOut).start();
Kategorien
CSS Web Frontend Webdeveloper Tools

Wieso sollte man kein inline CSS/JS verwenden

Es gilt als schlechter Stil inline CSS zu verwenden:

<span style="color: #666666; display: block; float:left; width: 250px;padding-bottom:5px;">

d.h. das CSS eines Elements direkt über das style Attribut zu aktivieren.

Dasselbe gilt auch für Inline Javascript:

<div></div>
<script type="text/javascript">
    alert("hallo");
</script>

Folgende Gründe gibt es dafür:

Weiterlesen „Wieso sollte man kein inline CSS/JS verwenden“
Kategorien
PHP SEO

PHP Redirect Header funktioniert nicht

Um Seiten SEO-freundlich umzuleiten, kann man in PHP einen 301 Redirect machen_

header("Location: http://www. new-location.de/foo_new.php",true,301);
exit;

Ich hatte dabei das Problem, das keine Fehlermeldung „Header already sent“ ausgegeben wurde, um herauszufinden, warum der Befehl nicht funktioniert. Es ist nämlich so, dass der header() Befehl nur funktioniert, wenn noch keine Bildschirmausgabe stattgefunden hat. Das betrifft auch Leerzeichen, wie sie oft bei PHP-Dateien vorkommen am Anfang oder Ende des Quellcodes:

_<?php

oder

?>_

Um diesen Stellen zu finden sollte man vor dem Redirect folgenden Code einfügen, wenn man keine Fehlermeldung „header already sent in line“bekommt:

    if(headers_sent($file, $line)){
        echo "Headers already sent in $file on line $line";
    }

 

Kategorien
CSS JavaScript Web Frontend Webdeveloper Tools

Debugging Tools für Firefox, IE, Chrome, Safari, Opera

Zum Debuggen von Webseiten braucht man immer spezielle Entwickler Tools für jeden einzelnen Browser, weil sich die Darstellung in jedem Browser ändert oder Javascript Fehler nur in bestimmten Browsern auftreten. Bevor man an die Arbeit geht sollte man unbedingt checken, ab das der Browser Cache deaktiviert ist in dem jeweiligen Browser, sonst erhält man eine nicht aktuelle Version der Webseite.

Debugging Tools beim Firefox 15

Geht über das bekannte und beste Plugin: Firebug

Ich verwende zusätzlich die Plugins: Web Developer und Colorzilla. Durch die sehr guten Plugins ist der Firefox mein Entwicklungsbrowser der Wahl.

Weiterlesen „Debugging Tools für Firefox, IE, Chrome, Safari, Opera“
Kategorien
CSS JavaScript Web Frontend Webdeveloper Tools

Browser Caching deaktivieren in Firefox, IE, Chrome, Safari, Opera

Als Webdeveloper muss man sich mit allen gängigen Browsern rumschlagen und beherrschen, mit allen zu debuggen. Um dies zu tun, braucht man auf jeden Fall 2 Dinge:

Browser Cache deaktivieren beim Firefox

Geht über das Plugin: Web Developer

Einfach nach der Installation: Disable->Disable Cache->Disable Entire Cache

Weiterlesen „Browser Caching deaktivieren in Firefox, IE, Chrome, Safari, Opera“
Kategorien
CSS

3 Spalten Layout mit fixer Breite

<div class='links'></div>
<div class='mitte'>
</div><div class='rechts'></div>
.links {
    background-color: #CCCCCC;
    width: 253px;
    float: left;
}
.mitte
{
    float: left;
    background-color: #8D8D8D;
    width: 253px;

}
.rechts {
    float: right;
    background-color: #CCCCCC;
    width: 253px;
}