mobile-friendly oder mobilfreundlich bedeutet, dass eine Website auf einem mobilen Endgerät korrekt dargestellt wird. Das beinhaltet, dass der Nutzer nicht zoomen muss, alle Elemente eine ausreichende Größe haben und alle Links & Buttons auch auf dem Handy einfach anzuklicken sind.
Eine Website mit einem Responsive Design passt sich flexibel der Größe des Browserfensters an. Nutzer bekommen so - je nach verwendetem Endgerät - die Website immer bestmöglich dargestellt.
Der Begriff mobile-friendly bedeutet lediglich, dass eine Website mobile gut dargestellt wird. Der Begriff beschreibt allerdings nicht, wie dieses umgesetzt wird. So gibt es beispielsweise noch viele Websites, die eine separate mobile Version auf einer Subdomain anbieten, dies sieht dann wie folgt aus:
Desktop Version einer Website: https://meineurl.de
Mobile Version einer Website: https://m.meineurl.de
Die Bereitstellung einer mobilen Version auf einer Subdomain ist zwar mobile-friendly - allerdings längst nicht mehr zeitgemäß. Beim Responsive Design hingegen gibt es keine Subdomain und keine separate mobile Version. Hier passt sich die Darstellung der Website automatisch der Größe des Browserfensters an. Responsive Design ist im Prinzip eine optimale Möglichkeit, Mobile-Friendliness umzusetzen.