Never Underestimate The Influence Of Favicons.

Never Underestimate The Influence Of Favicons.

Google warned us, yet few paid attention or even knew what they were talking about, what even is a favicon?

Recently, as Google does periodically, they rolled out some changes to the way we search, or at least the way they want us to. As they explained, especially when it comes to mobile search, they want websites to be easily identified and scannable. One way of implementing this was to utilize the ever so common favicon.

So what does that even mean?

For starters, a favicon is a small image icon that represents a website or at least should. Granted there are plenty of websites that are out there that are unidentifiable in this manner and are missing said icon. If you or your web designer failed to add a favicon to your site, perhaps with Google’s prompting now is the time.

What should a favicon be exactly you ask. Well generally speaking it should be something that is a representation of either your logo or theme. This enables users to quickly recognize your site over others when either searching or in their bookmarks.

How do I best resize my logo to make a favicon?

Depending on your web application or theme, it may suggest a specific size recommendation to upload. Usually, a minimum would be 16×16 pixels to 48×48. It can also be a good practice to use various sizes so that they format and scale appropriately on different devices. That being said, best practice is to not necessarily use a 16×16 size as Google will rescale it to that size anyway.

What kind of file should the favicon be?

You can use a JPG, GIF, or PNG for most browsers without any issue. However, best practices would be to use the ICO file format to ensure all browser compatibility.

What is an ICO?

An ICO is an image file that is formatted specifically for computer icons in Microsoft Windows. ICO files can contain one or more images of different sizes, depths, and colors for appropriate scaling on various browsers and device sizes.

How can I create an ICO?

There are numerous ICO converters online that can create ICO favicon files for you for free. Many of these converters require you to set the parameters of the file sizes that you want, otherwise, they default to 256 pixels which is the maximum size. It is best practice as mentioned previously to incorporate a few variations of image sizes in the favicon file for your website.

Next steps for SEO with Favicons

According to Google the favicons and the homepage in which they reside must be crawlable. Favicons should be a representation of your brand and easily identifiable. Also, make sure that the icon is not offensive in any way or Google will set it back to a default image icon. Google has already begun penalizing sites without appropriate favicons that go against their guidelines.

If you do not currently have a favicon on your site, we might suggest that you either create one yourself, contact your designer, or of course we are happy to help as well. Google is constantly making changes to the SEO algorithms, especially when it comes to mobile searches. The next step beyond mobile search will be voice search, which we will address in an upcoming post.

Did you enjoy this content? We would love it if you could share it with your friends, and let us know your thoughts. Be sure to subscribe so you don’t miss out on any future content we provide.

Why We Went to WordCamp Europe

Why We Went to WordCamp Europe

When the opportunity to travel to WordCamp Europe came up to speak about what we love to do, it was an easy decision.

As a web design agency, one way we love to give back is to participate in our local WordPress community through WordCamps. When the opportunity to take our passion globally at WordCamp Europe came about it took our sharing to a whole new scale.

I had the blessing to be invited by the WordCamp Europe organizers to speak about my passion for serving nonprofits as a web designer in Berlin, Germany. It’s not every day that I get an invite like that so of course, it was a resounding “yes!”

People ask me all the time, why do I speak at WordCamps? If I were to provide a one-word answer to that it would be “community”.

Whether speaking at local WordCamps of a few hundred or one as big as WordCamp Europe that had a record-setting attendance of almost three thousand. One thing remains consistent and that’s the community.

The WordPress community in which we live and love to work is open source in many ways, not simply their code. We are open and share our knowledge with one another. The WordPress framework is built on the premise of always being open source and so are the people that work with it. In addition, if you ever need help, there is always someone willing to lend a hand.

Speakers, sponsors, vendors, and attendees alike all gathered together to share with each other. Sharing their knowledge, passion, and insights on a platform we have all grown to love.

WordCamp Europe 2019 held at the Estrel Berlin Hotel and Congress Center in Berlin, Germany. From the opening remarks to the side conversations in the hallways, the venue filled with an energy that was palpable. There were 97 countries representing a global community of WordPress enthusiasts. All gathered together to share in a common thread, their love for WordPress in a way I have never seen before.

Events of this size do not happen overnight. Many months of planning and execution by the outstanding volunteers and organizers made it come off without a hitch. Their months of painstaking planning paid off.

A great deal of information shared by many fantastic speakers from all over the world from three different stages. Each one contributing their small part back into the WordPress community.

Connections made, business cards exchanged, ideas shared, and friendships created.

I had the opportunity to open up track two of day one of the conference. Above all turn a room full of strangers into friends within minutes. I shared about web design techniques that I have found to work while designing websites for nonprofits. Being able to share my passion from a stage like that was well, humbling.

stage presentation Charles Johnston WordPress for nonprofits at WCEU

An engaged audience had great questions right after my talk. We continued those conversations as we passed one another in the hall or around the vendor area or in the cafe. It was fun to read the tweets and social feedback as well.

It was amazing to watch people from all backgrounds and nationalities come together in such a global community. At HeartWired we talk about our passion for serving those who serve their local and global communities. WordCamp Europe exemplified that mantra.

As I unwind my mind from a whirlwind trip to Europe and back. One thing I can say, if the opportunity comes where I am invited again to speak at WordCamp Europe which will be in Porto, Portugal next year, or any other WordCamp out there, it would again be a resounding “Yes!”

In conclusion, I want to thank the WordCamp Europe organizers, volunteers, speakers, speaker wranglers, emcees, founders, vendors, sponsors, attendees. Without each one of you, there wouldn’t be a #WCEU!

So You Want to Create a Website

So You Want to Create a Website

Every day hundreds if not thousands of websites are launched. Blogs, stores, lead magnets, businesses and personal brands no matter the kind they all fall into the same category, an idea someone wants to visualize. So you want to create a website, here are some of the things you should know.

Start with a Plan

From a one page simple design to a labor-intensive database requiring many man-hours of development. Without a plan, you will spend unnecessary money and waste a great deal of time. Having a plan will save you and yourself, your designer or developer many moments of anguish, anger, and aggravation.

Do it Yourself?

There are many options out there for those that are ambitious and want to create their website themselves. From drag and drop website builders like Weebly or Squarespace to a bit more involved frameworks such as WordPress or Joomla, there are also custom options if you are comfortable with coding as well. The real question is are you saving money by doing it yourself? Or would you be better off to pay an expert to ultimately save you time and headaches? which would, in fact, save you more than just money in the long run.

You are Your Brand

I cannot tell you how many people get stuck trying to find just the right logo or custom URL and never get started. The best logo you have is your head-shot the best URL is your name. Okay so the first part you hopefully took with a grain of salt, but your name in a logo could work just fine. Yet, your name is the easiest brand you have to promote so if you can grab a vanity URL as it go for it! People will remember who you are long before what you do or sell.

Pick a CMS

If you are like me and you tried your hand at MLMs, you would know the first thing they teach is the value of your “list.” Same goes for your website just don’t spam people and lose your friends and family over it. Of course, as primarily a WordPress agency we would be remiss to not mention that has a fantastic CMS built right in. There are others as well such as Weebly, Squarespace and the like and while we are biased any would work, and we will be happy to move you to WordPress when you are ready.

Integrate your email

Once you have a list, even if it is just your mom, you will want to be able to notify them when you have a new blog post or perhaps a sale or special event. We recommend Constant Contact as we are certified partners and can help set you up with robust emails that get opened. There are other options as well and while we can help, you likely won’t be as happy, but that is just our own biased opinion.

Hosting Matters

There are hosting options for well any budget and need. We use and are agency partners with Flywheel which is built solely for WordPress and nothing else and we think that is awesome! We also can now offer domain and hosting options for other services as well and would be happy to share with you which hosting solution works best for you. Some things to keep in mind are things like SSL, CDN, level of support, backups, malware scanning and more but we will leave that all for perhaps another blog post or conversation.

So What is Next

Creating a website can be intimidating and a daunting task for even the technically-abled. Whether you choose to take it on yourself or choose to hire a designer, the best thing you can do for your brand is to take it online. If you are already online, perhaps it’s time to give it a fresh new look. Either way, if you need some help or just want to see where things stand, we are here to help.

Whether you want to create a website, redesign your current site, get some quality hosting solutions, email marketing, or check out your reputation online shoot us a message, send us an email or give us a call or text we are here to serve.

Cracking The Web Design Process Code

Cracking The Web Design Process Code

What’s the web design process a web designer goes through when preparing to take on a new client?

If you are curious keep reading for a behind the scenes “sneak peek” of sorts on the process that we follow while meeting with a potential client. One thing I personally love about running a boutique web design agency is the ability to share others’ stories. Stories are at the center of every client and their business or organization. As a web design agency, we follow a creative process that allows us to visually relate that story online.

Research

Knowing your client goes beyond just what they may or may not tell you during their discovery session, not that they are hiding anything but they may not feel it is important. Doing a somewhat deep dive on the client, their customers, social media, and more allow us to better understand who they serve. When someone looks to hire a web designer, they usually think they know what they want before they ever call to set up their consultation. When they get to talking to us the project they thought they wanted many times changes in scope as they share their story.

Client Story

Your story as a client is one that only you can tell. No matter how small of a gesture or reflection back into how you got started, we focus on the nuances behind the story. We spend time researching you and your story long before we sit down to hear you tell it. Stories are shown through the clients you currently serve to the social media posts you share. We know you will be a bit guarded when you meet a stranger for the first time. The more we know about who sits across the table from us, the easier we can put you as well as ourselves at ease.

Ask Questions

Too many designers make assumptions that they know what is best for their clients. We at Heartwired are firm believers that the client knows best, even when they don’t know they know. Some of the questions we ask whether in the form on our website, on the phone, via chat or email may seem simple or silly. However, we have found asking questions gets you comfortable to share the real you. Many times it is in the things you don’t say that we find the most about you and your story.

Listen

When talking with a potential or even current client it is often what they don’t say that matters most. They likely have a frustration point they are looking to solve. Whether it be lack of sales, or traffic or perhaps conversion into sales. They will say things like “the site does not work” or is “not being found”, or they want it to look like their competition. One of the easiest things to change is the website.. or even the designer. Truth is without appropriate planning, marketing, and a strategy it won’t matter how pretty your site is.

A web designers job is to translate their clients’ needs and frustrations into actionable changes that make sense.

Its the small things

Whether it is a change in a page, or the client’s overall approach to their website, many times it is the small things. Small things like the placement of a button, a font adjustment, or color, the things that seem to not really matter actually matter most. When we pay attention to the details, it allows us to hear what they are really saying. Details many times are hidden in the things the clients don’t say. Sometimes that can be while they share their story about their business and why they started in the first place. That glimmer in their eye or the slight welling up of emotions as they share their “why”. It is in those moments that as a designer we can find the heart of their story and how we can help design their story in a way only they can tell. It is in these moments that as the owner of a boutique web design agency like HeartWired, that I truly find the love in what we do. If you would like to learn more about how we are cracking the web design process code at HeartWired we would love to learn about your story. Contact us today to get started in sharing your story.
3 Reasons Why WordPress is Best For Your Non-Profit Website

3 Reasons Why WordPress is Best For Your Non-Profit Website

3 Reasons Why WordPress is Best For Your Non-Profit Website , #wordpress, #webdesign, #nonprofit, #webdesign jacksonvilleDid you know that WordPress is now powering 28% of the web?

Everyone knows by now that your website is the digital first impression of your company, or as Nonprofithub.com likes to call it “a window into the soul of your organization.”

And when done right, it is the gift that keeps on giving for your volunteers and donors alike.

In this article, I will break down why WordPress is dominating the industry, and why it is the only content management system I use to build websites for my non-profit clients.

But first, what is a WordPress Content Management System?

It isn’t just a tool for building a website,  it also keeps your web presence organized and maintained over time without having to use code, and… it’s FREE to use!

User-Friendly

The ease of use when it comes to WordPress blows other content management systems out of the water. Whether you are the CEO, a volunteer or employee updating blogs, the WP platform can be taught to anyone on your team no matter what their technical skills are. The writing and publishing interface along with formatting, inserting images and links is as simple to learn as Microsoft Word!

Scalability

For smaller organizations looking to experience major growth over the next 5 or 10 years, you won’t ever have to worry about upgrading to another platform because WordPress is designed to scale based on your needs. From one page sites all the way up to multi-page sites with large amounts of content, WordPress can handle it all.

Security

WordPress prides itself on making security it’s top priority. Some examples of non-profits that are powered by WP are The Jane Goodall Institute, CURE International and the We Promise Foundation.web design may not be the top of a nonprofits list. nonprofit webdesign

According to WordPress developer Matt Mullenberg, WordPress is widely used and trusted by some of the largest and most security-focused organizations in the world. But there are some tips and best practices that you will want to verse yourself in such as password protection, running updates and carefully selecting plug-ins to prevent hackers.

There are dozens of more features and capabilities such as themes, plugins, and widgets that I am more than happy to teach my clients!

At HeartWired Technical we are passionate about serving non-profit organizations and take pride in building beautiful, customized and practical WordPress websites that our clients love.

Please reach out to us today if you are looking to revamp your current website or build a new one!

7 things to keep in mind when picking a web design agency

7 things to keep in mind when picking a web design agency

The days of handing out business cards at networking events being enough are over, if your organization is not online, you are missing customers every day.

I know what you are thinking, aren’t websites expensive, hard to maintain, better yet you don’t even know where to begin…

Truth is, it is more expensive to not have your business online. Not only are your customers missing being able to engage with your brand 24/7, even while you sleep, but they are likely finding your competition instead.

So you or perhaps your boss has given you the “green” light to begin your search for a design agency. You know your organization needs to get online, but don’t even know where to start.

We come across business owners, admins and entrepreneurs all the time that are in the same situation and thought we would layout 7 things to keep in mind when picking a web design agency.  Doing a little legwork upfront will allow you to pick the right agency for your business and in turn save time, money and speed up the process of getting online.

We put together a simple list of how to get started when looking for a web design agency. While no list of tips is ever complete, this will at least get things started.

1.) Know your customer – Every business knows its customer whether they know it or not. Believe it or not, everyone is not your customer. With a more targeted approach to who you serve, your designer will be able to appeal to your online visitors.

If you are a brick and mortar store, your customers will be looking for something different than say, an insurance agent. Are you a therapist who is looking for patients? Perhaps you sell coffee to support orphans on the other side of the globe, or are a startup looking to create your own brand. Whatever your vision is or the market you minister to, your web designer can tailor the user experience for the clients you serve.

2.) Timeline – If you are a startup, you likely need your website yesterday. Even as a well established company, once the ‘need’ is determined, there tends to be a sense of urgency to get it done. Many times we have found clients even want their sites to go ‘live’ before they are completed or ready just so they can start getting all the traffic. As an agency, this can actually be a warning sign because as a designer we like to be aware if we are being put on the hot seat from the get go.  Realistic expectations on both sides of the project ensure client satisfaction as well as a successful web design.

Scope is key to creating a timeline that works for everyone. Depending on the complexity of the design, the delivery of any applicable content, an average time-frame from inception to delivery would likely be between 60 and 90 days. Some projects can be turned around much quicker depending on the level of need and amount of content, pages, etc. If you have a special event, promotion or need a simple informational page to get things started they can be designed expediently but can at times cost a bit more if rushed. Proper planning can reduce cost as well as avoid inconveniences such as unrealistic expectations or rushing the project.

3.) Money Talks – One of the things business owners tend to shy away from is their budget. One speed bump that can throw a curve into the discussion of a web design project is when the budget is not discussed upfront. Know what you can afford and be forthcoming when asked, and you will likely be asked pretty quickly in the conversation. Web agencies do this to save both of you time and well many times money. Nothing can be more frustrating than a designer to spend hours working up a scope for the project only to find out that they are not even in the ballpark of what the client can afford.

Say you have a budget of $5,000 if you don’t share that budget upfront with the design agency could spend hours working on a proposal and come back with a quote of $10,000. All of sudden you are at odds and the designer is frustrated as they wasted time working up a scope you could not afford if you wanted to at the time. If you share your budget, even if just a ballpark upfront that gives the designer numbers to work with. One of two things will happen from there, they will create a design that fits your budget, or let you know right away that they are not the right agency, either way you win.

4.) Stakeholders at the table – It is inevitable that when shopping around for a designer it can be easier to hand that task off to say your secretary or administrative assistant. If you are a nonprofit you will need to get board approval before spending large amounts on anything. Perhaps as a business owner you have partners or investors that are the decision makers before any purchase can be made. Without the right people in the conversation when the details are discussed can cause confusion, delays, and unnecessary complications.

Picture discussing the project, going through the discovery session, the designer gives the proposal in writing only to find out not all the people were in the conversation. All of sudden there are other opinions, thoughts on how the project should go, design changes, or budget negotiations that were not expected. This can cause delays in getting started on the project, incur additional costs due to re-scoping or changing the design as well as having to discuss all over again the project and its course with those that were not at the table to begin with. It is best once you have narrowed down the design agency you want to work with that all stakeholders are involved upfront to make the process easier for everyone in the long run.

5.) Make a list – just like when you go shopping for a car or house, there are things you like about certain models and don’t like, the same goes for a website. Before meeting with your designer make a list of the websites that you like the look and feel of. These can be websites of your competitors or a completely different industry entirely, it helps you get an idea of what kind of design you want and even more perhaps what you don’t want.

Bringing a list of anywhere from four or five to as many as a dozen or so gives your designer a great deal to work with. When a designer has the look and feel of what kind of user experience you want for your customers it makes the actual designing of your vision that much simpler. It can be things like color schemes, widgets, or perhaps a specific slider or something else that you like that the designer can implement into your design as you want. The more information you can provide to the agency upfront provides a strong starting point to begin the design process from.

6.) Who are your competitors – Knowing your competition helps you do better at what you do right? Same thing goes for choosing a website. Who is at the top of your game? Google your industry and find out who is winning in your space. Focus locally, unless you are a big name global corporation you likely serve a local market, it is that area that you want to scope out your competition.

We suggest that you pick out three of your competition and provide them to your design agency. This will give them an upper hand on what you might be up against locally in your market. It will also give them insight on what your competition offer and how they can potentially adjust your strategy to compete. It also enable the designer to implement search engine optimization that will allow for organic growth not only for you but also by organically leveraging what might be also working for your competition.

7.) Shop around – Anyone that has spent any time shopping around for a design agency, they will find there is a big difference between agencies. Not every designer is for every client just like every client is not for every designer. Spend some time vetting your designer, look at their previous work, get to know them personally. If the design agency is the right fit usually you will be able to tell in the way they interact with you not only on the phone, but also online, via email or chat.

At HeartWired we believe in taking our clients through a personal discovery session, this enables us to find out not only your design needs but also get to know the person behind the business. When a potential customer contacts us, we are fully aware that they are looking for generally a few main things, while some are looking for the best deal, almost always they are looking for someone that cares.

Choosing a web design agency can be a difficult task, we hope that these 7 things to keep in mind when picking a web design agency come in handy. If you are ready to start the process or have questions we can answer, we are here to help.